Bonjour à tous,

j'utilise SweetAlert afin de faire une requete en ajax mais il y a quelque chose qui me dérange. Lorsque j'envoie mon formulaire celui ci se ferme au lieu d'avoir le chargement et affiche les autres alertes a la fin du chargement. J'ai donc essayé de mettre un 

return

mais la le chargement s'affiche mais les autres alertes se ferme direct apres. J'aimerais donc trouver une solution afin que l'alerte du formulaire ne se ferme pas le temps du chargement et affiche le résultats sans se fermer.

Voici le code sans le return

            swal({
                title: 'Confirmation',
                text: 'Veuillez rentré ci-dessous le code envoyé par mail.',
                input: 'number',
                type: 'warning',
                inputAttributes: {
                    autocapitalize: 'off'
                },
                confirmButtonText: 'Confirmer',
                showLoaderOnConfirm: true,
                preConfirm: (number) => {
                    $.ajax({
                        url: 'test.php',
                        type: 'POST',
                        data: 'number=' + number,
                    })
                    .done(function (data, text, jqxhr) {
                        swal({
                            title: 'Féliciation',
                            text: "Votre demande a été envoyé avec succès !",
                            type: 'success',
                        })
                    })
                    .fail(function (jqxhr) {
                        swal({
                            title: "Oops",
                            text: jqxhr.responseText,
                            type: 'error',
                        })
                    })
                },

et avec le return

            swal({
                title: 'Confirmation',
                text: 'Veuillez rentré ci-dessous le code envoyé par mail.',
                input: 'number',
                type: 'warning',
                inputAttributes: {
                    autocapitalize: 'off'
                },
                confirmButtonText: 'Confirmer',
                showLoaderOnConfirm: true,
                preConfirm: (number) => {
                    return $.ajax({
                        url: 'test.php',
                        type: 'POST',
                        data: 'number=' + number,
                    })
                    .done(function (data, text, jqxhr) {
                        swal({
                            title: 'Féliciation',
                            text: "Votre demande a été envoyé avec succès !",
                            type: 'success',
                        })
                    })
                    .fail(function (jqxhr) {
                        swal({
                            title: "Oops",
                            text: jqxhr.responseText,
                            type: 'error',
                        })
                    })
                },

Merci d'avance.

Cordialement,

Maximilien

-
Edité par Maximilien BEY 16 août 2018 à 0:49:26