Tenho um formulário que realiza o cadastro de pessoas. Necessito envia-lo com a Ajax para não recarregar a página.
Até o momento, tenho o seguinte pronto que segui de um tutorial.
Js que faz o envio.
$("form#pessoasCadastrar" ).submit(function( event ) {
event.preventDefault();
data = $("form#pessoasCadastrar" ).serialize(),
url = '/pessoas/salvar',
var posting = $.post( url, { formData: data } );
posting.done(function( data ) {
if(data.fail) {
$.each(data.errors, function( index, value ) {
var errorDiv = '#'+index+'_error';
$(errorDiv).addClass('required');
$(errorDiv).empty().append(value);
});
$('#successMessage').empty();
}
if(data.success) {
$('.register').fadeOut(); //hiding Reg form
var successContent = '<div class="message"><h3>Registration Completed Successfully</h3><h4>Please Login With the Following Details</h4><div class="userDetails"><p><span>Email:</span>'+data.email+'</p><p><span>Password:********</span></p></div></div>';
$('#successMessage').html(successContent);
} //success
}); //done
});
PessoaRequest.php
public function rules(){ ... }
public function messages(){ .... }
public function response(array $errors)
{
if ($this->ajax() || $this->wantsJson())
{
return response()->json($errors, 422);
}
$dados = array('fail' => true, 'errors' => $errors);
return response()->json(array('fail' => true,'errors' => $errors));
}
PessoaController.php
public function salvar(PessoaRequest $request){
$p = new Pessoa();
[....]
return Response()->json(array('success' => true,$request->all()));
}
Ao enviar o formulário, se não preencher os input, ele cai em uma tela branca com o retorno json do PessoaRequest, informando quais campos devem ser preenchidos. Caso dê sucesso ao enviar, dá o retorno json de sucesso.
Meu problema é quando dá o erro no request, gostaria de pegar o retorno json e tratar na minha view para mostrar os erros, mas sempre que envio, ele cai nessa tela branca com os erros
{"fail":true,"errors":{"nome":["O campo nome \u00e9 obrigat\u00f3rio!"]}}
Como pego essas info na minha view sem recarrega-la?