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