Estou tentando realizar um exemplo de requisição Ajax
com o Laravel 5.4
.
O exemplo para teste é simples, apenas informar um valor numérico em um campo input=text
na minha View
e sai do campo para enviar para o Controller
, então é somado + 10 para esse valor e então retorna esse valor para minha View para que possa ser exibido em um alert.
HTML : viewteste.blade.php
<!DOCTYPE html>
<head>
<title></title>
</head>
<body>
<form action="">
Valor: <input type="text" id="valor" name="valor" />
</form>
</body>
</html>
JS : o arquivo js está dentro do viewteste.blade.php, só separei para ficar mais fácil a interpretação.
<script>
$(document).ready(function(){
$("#valor").on('blur', function()
{
valor = $(this).val();
var token = $('meta[name="csrf-token"]').attr('content');
$.ajax({
type:'POST',
url:"{!! URL::to('/teste/valor') !!}",
dataType: 'JSON',
data: {
"valor": 'POST',
},
success:function(data){
// Caso ocorra sucesso, como faço para pegar o valor
// que foi retornado pelo controller?
alert('Sucesso');
},
error:function(){
alert('Erro');
},
});
});
});
</script>
Route
Route::get('/teste', 'TesteAjaxController@index');
Route::post('/teste/valor', 'TesteAjaxController@valor');
Controller
class TesteAjaxController extends Controller
{
public function index()
{
return view('painel.viewteste');
}
public function cep(Request $request)
{
$valor= $request->input('valor');
$valor += 10;
return $valor; // Como faço para retornar em json? em caso de mensagem de erros?
}
}
Observação: Quando eu saiu do campo e coloco um alert de teste na função do js só para ver se está funcionando ele vai ... e consigo exibir o valor o problema é no envio do ajax mesmo. Eu entro no /teste e carrega minha view, e quando eu coloco /teste/valor não exibe nada, aparece um erro:
Whoops, looks like something went wrong.
(1/1) MethodNotAllowedHttpException