Prezados peço a ajuda de vocês para me auxiliar a resolver um problema de Ajax com Laravel 5.3
Estou enfrentando problemas com Internal Server Error 500, e procurando informações a respeito, pode ser problema de rotas ou de csrf_token(), porém já fiz as alterações e simplesmente não resolve. Onde é que posso estar errando? O sistema sequer chega no método no Controller.
Abaixo coloco as informações do projeto para tentar explicar a lógica e onde é que pode estar acontecendo.
Esse código é para carregar automaticamente o CEP nos campos.
A definição do campo CEP da página que contém o código Ajax é:
{!! Form::open(['route'=>'alunos.store','method'=>'POST']) !!}
<div class="col-md-2">
<div class="form-group{{ $errors->has('CEP') ? ' has-error' : '' }}">
<input type="text" name="cep" id="cep" class="form-control" placeholder="CEP somente números" value="{{old('CEP')}}" required="required"/>
</div>
@if ($errors->has('CEP'))
<span class="help-block">
<strong class="text-danger">{{ $errors->first('CEP') }}</strong>
</span>
@endif
</div>
<div class="panel panel-footer">
<button type="submit" class="btn btn-primary"><i class="fa fa-check"> <b style="font-family: Arial">Salvar</b></i></button>
<a href="{{ route('alunos.index')}}"><button type="button" class="btn btn-warning" ><i class="fa fa-times"></i><b style="font-family: Arial"> Cancelar</b></button></a>
</div>
{!! Form::close() !!}
Tenho um plane.blade.php que é carregado por todas as páginas. O seu conteúdo é:
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8"/>
<title>Nova Escola</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="" name="description"/>
<meta content="" name="author"/>
<meta name="_token" content="{!! csrf_token() !!}"/>
<link rel="stylesheet" href="{{ asset("assets/stylesheets/styles.css") }}" />
<script src="{{asset('js/jquery-3.1.1.min.js')}}"></script>
</head>
<body>
@yield('body')
<script src="{{ asset("assets/scripts/frontend.js") }}" type="text/javascript"></script>
</body>
</html>
@yield('scripts')
<script type="text/javascript">
$.ajaxSetup({
headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') }
});
</script>
A página que faz a requisição Ajax tem o seguinte código:
@section('scripts')
<script type='text/javascript'>
$(document).ready( function() {
/* Executa a requisição quando o campo CEP perder o foco */
$('#cep').blur(function(){
/* Configura a requisição AJAX */
$.ajax({
url :'/cep', /* URL que será chamada */
type : 'POST', /* Tipo da requisição */
data: 'cep=' + $('#cep').val(), /* dado que será enviado via POST */
dataType: 'json', /* Tipo de transmissão */
success: function(data){
if(data.sucesso == 1){
$('#rua').val(data.rua);
$('#bairro').val(data.bairro);
$('#cidade').val(data.cidade);
$('#estado').val(data.estado);
$('#numero').focus();
}
else{
alert('retornou <> 1');
}
}
});
return false;
})
});
</script>
@stop
No web.php (Rota) eu defini desta forma:
Route::post('/cep', 'alunosController@cep');
No Controller eu montei dessa forma para recuperar a informação e retornar os dados de coleta de CEP.
public function cep(Request $request){
$cep = $request; // $_POST['cep'];
$reg = simplexml_load_file("http://cep.republicavirtual.com.br/web_cep.php?formato=xml&cep=".$cep);
$dados['sucesso'] = (string) $reg->resultado;
$dados['rua'] = (string) $reg->tipo_logradouro.' '.$reg->logradouro;
$dados['bairro'] = (string) $reg->bairro;
$dados['cidade'] = (string) $reg->cidade;
$dados['estado'] = (string) $reg->uf;
return Response::json($cep);
}
return false;
dentro doblur
... e teste