Sélectionner une page

Envoyer un formulaire en ajax avec jQuery

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

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *