Voici un petit « snippet » permettant d’envoyer un simple formulaire en ajax avec jQuery.
Utile pour gérer l’état de l’envoie de celui-ci. Dans mon exemple en cas de succès je redirige vers une page.
$(function() { $('#idDuForm').submit(function(event) { var form = $(this); $.ajax({ type: form.attr('method'), url: form.attr('action'), data: form.serialize() }).done(function() { // success window.location.href = "http://" + document.domain + "/landingPage"; }).fail(function() { // error alert('Error'); }); event.preventDefault(); }); });
Pour l’executer au clique, on rajoutera ce bout de code :
$('.button-execute').on('click', function() { $('#idDuForm').trigger('submit'); });
0 commentaires