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').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!
Está gostando do conteúdo?
Considere pagar um cafezinho para nossa equipe!