Reindirizzamento pagina con richiesta Ajax corretta

Question

Ho un modulo che utilizza Ajax per la verifica lato client. La fine del modulo è la seguente:

$.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: questo è il mio file mail3.php fare con gli errori:

$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>"; 
} 

Mi chiedevo se è possibile reindirizzare l'utente a un Grazie pagina se la richiesta Ajax ha esito positivo e non sono presenti errori. È possibile?

Grazie! Amit

Answer 1

Certo. Basta mettere qualcosa alla fine della funzione successo come:

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

in cui il server restituisce la risposta no_errors quando non ci sono errori presenti.

Answer 2

Si può solo reindirizzare in success gestore, in questo modo:

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

O dal momento che stai visualizzazione dei risultati, attendere qualche secondo, ad esempio, questo potrebbe attendere 2 secondi:

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

Answer 3

penso che si può fare con:

window.location = "your_url"; 

Answer 4

I Supponiamo che tu possa attaccare questo in due modi;

1) inserire window.location = 'http://www.yourdomain.com nella funzione riuscita.

2) Utilizzare un ulteriore chiamata ajax un iniettare questo in un elemento nella pagina, ulteriori informazioni su cui si possono trovare nella documentazione jQuery a http://api.jquery.com/jQuery.get/

Answer 5

Basta fare qualche controllo degli errori, e se tutto passa quindi impostare window.location per reindirizzare l'utente a una pagina diversa.

$.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 6

Nel file mail3.php si dovrebbe intercettare gli errori in un try {} catch {}

try { 
    /*code here for email*/ 
} catch (Exception $e) { 
    header('HTTP/1.1 500 Internal Server Error'); 
} 

Poi, nel tuo success chiamata non dovrete preoccuparvi di vostri errori, perché non sarà mai tornare come un successo.

ed è possibile utilizzare: window.location.href = "thankyou.php"; all'interno della funzione di successo come ha dichiarato Nick.

Answer 7

// Create lag time before redirecting 
setTimeout(function() { 
    window.location.href = "thankyou.php"; 
}, 2000); 

$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); 
    echo "Your message was successfully sent!"; 
    //instead of echoing this message, I want a page redirect to thankyou.html 
    // redirect 
    setTimeout(); 
} else { 
    echo "<p id='errors'>"; 
    echo $errors; 
    echo "</p>"; 
} 

Answer 8

Ho pubblicato la situazione esatta su un thread diverso. Re-post.

Scusami, questa non è una risposta alla domanda pubblicata sopra.

Ma porta un argomento interessante --- QUANDO utilizzare AJAX e quando NON usare AJAX. In questo caso è bene non usare AJAX.

Facciamo un semplice esempio di login e password.Se il login e/o la password non corrispondono, sarebbe utile usare AJAX per riportare un semplice messaggio che dice "Login errato". Ma se il login e la password sono corretti, perché dovrei richiamare una funzione AJAX per reindirizzare alla pagina utente?

In un caso simile, penso che sarebbe bello utilizzare un semplice modulo INVIA. E se l'accesso fallisce, reindirizza a Relogin.php che ha lo stesso aspetto del Login.php con un messaggio GET nell'URL come Relogin.php? Error = InvalidLogin ... qualcosa del genere ...

Solo il mio 2 centesimi. :)

Answer 9

$.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" 

     } 
    });