Laravel: enviar formulário e continuar na mesma página

Olá, tudo bem? Aqui é o Arthur e hoje iremos dar submit em um formulário utilizando o jQuery ajax(post).

Antes de tudo, por quais motivos seria útil enviar um formulário através do jQuery ao invés de enviar normalmente? Simples, você quer enviar um formulário e continuar na mesma página, e isso é impossível sem utilizar o ajax.

Vamos lá!

Primeiro de tudo, garanta que seu botão para enviar o formulário está com o type definido desta maneira:

type="button"
Dessa maneira, você não será redirecionado ao enviar o formulário.

Agora, declare sua função para enviar o formulário através do jQuery, onde:

• #idbotaosalvar = é o id do seu botão para salvar o formulário
• ‘nomeDaSuaRota’ = nome da rota em que seu formulário será enviado.
• #idFormulario = id do seu formulário

$('#idBotaoSalvar').click(function() {
$.ajax({
url: '{{ route('nomeDaSuaRota') }}',
type: 'post',
data: $('#idFormulario').serialize(),
success: function(response) {
toastr.success('Salvo com sucesso!')
}
});
$('#idBotaoSalvar').hide();
});

 

 

Pronto, agora seu formulário será enviado através do ajax e você irá permanecer na mesma página após os dados serem salvos!

Até a próxima!