Redirection de la page après une demande Ajax réussie

Question

J'ai un formulaire qui utilise Ajax pour la vérification côté client. La fin du formulaire est la suivante :

$.ajax({
        url: 'mail3.php',
        type: 'POST',
        data: 'contactName=' + name + '&contactEmail=' + email + '&spam=' + spam,

        success: function(result) {
            //console.log(result);
            $('#results,#errors').remove();
            $('#contactWrapper').append('<p id="results">' + result + '</p>');
            $('#loading').fadeOut(500, function() {
                $(this).remove();

            });

        }
    });

EDIT : voici mon fichier mail3.php qui traite les erreurs :

$errors=null; 

if ( ($name == "Name") ) {
    $errors = $nameError; // no name entered
}
if ( ($email == "E-mail address") ) {
    $errors .= $emailError; // no email address entered
}
if ( !(preg_match($match,$email)) ) {
    $errors .= $invalidEmailError; // checks validity of email
}
if ( $spam != "10" ) {
    $errors .= $spamError; // spam error
}

if ( !($errors) ) {
    mail ($to, $subject, $message, $headers);
    //header ("Location: thankyou.html");
    echo "Your message was successfully sent!";
    //instead of echoing this message, I want a page redirect to thankyou.html

} else {
    echo "<p id='errors'>";
    echo $errors;
    echo "</p>";
}

Je me demandais s'il était possible de rediriger l'utilisateur vers une page de remerciement si la requête ajax est réussie et qu'aucune erreur n'est présente. Est-ce possible ?

Merci ! Amit

Answer 1

Bien sûr. Il suffit de mettre quelque chose à la fin de votre fonction de succès comme :

if(result === "no_errors") location.href = "http://www.example.com/ThankYou.html"

où votre serveur renvoie la réponse no_errors lorsqu'il n'y a pas d'erreurs présentes.

Answer 2

Faites juste quelques vérifications d'erreurs, et si tout se passe bien, alors mettez window.location pour rediriger l'utilisateur vers une autre page.

$.ajax({
    url: 'mail3.php',
    type: 'POST',
    data: 'contactName=' + name + '&contactEmail=' + email + '&spam=' + spam,

    success: function(result) {
        //console.log(result);
        $('#results,#errors').remove();
        $('#contactWrapper').append('<p id="results">' + result + '</p>');
        $('#loading').fadeOut(500, function() {
            $(this).remove();

        });

        if ( /*no errors*/ ) {
            window.location='thank-you.html'
        }

    }
});

Answer 3

Vous pouvez simplement rediriger dans votre success comme ceci :

window.location.href = "thankyou.php";

Ou, puisque vous affichez des résultats, attendez quelques secondes, par exemple 2 secondes :

setTimeout(function() {
  window.location.href = "thankyou.php";
}, 2000);

Answer 4

$.ajax({
        url: 'mail3.php',
        type: 'POST',
        data: 'contactName=' + name + '&contactEmail=' + email + '&spam=' + spam,

        success: function(result) {

            //console.log(result);
            $('#results,#errors').remove();
            $('#contactWrapper').append('<p id="results">' + result + '</p>');
            $('#loading').fadeOut(500, function() {
                $(this).remove();

            });

            if(result === "no_errors") location.href = "http://www.example.com/ThankYou.html"

        }
    });

Answer 5

J'ai posté la même situation sur un autre fil. Re-postez.

Excusez-moi, ce n'est pas une réponse à la question posée ci-dessus.

Mais cela amène un sujet intéressant --- QUAND utiliser AJAX et quand NE PAS utiliser AJAX. Dans ce cas, il est bon de ne pas utiliser AJAX.

Prenons un exemple simple de login et de mot de passe. Si le nom d'utilisateur et/ou le mot de passe ne correspondent pas, il serait bien d'utiliser AJAX pour renvoyer un simple message disant "Login Incorrect". Mais si le login et le mot de passe sont corrects, pourquoi devrais-je appeler une fonction AJAX pour rediriger vers la page de l'utilisateur ?

Dans un cas comme celui-ci, je pense qu'il serait bon d'utiliser un simple formulaire SUBMIT. Et si la connexion échoue, rediriger vers Relogin.php qui ressemble à Login.php avec un message GET dans l'url comme Relogin.php?error=InvalidLogin... quelque chose comme ça...

Juste mes deux centimes :)