Redirección de página con solicitud de Ajax satisfactoria

Question

Tengo un formulario que usa Ajax para la verificación del lado del cliente. El final del formulario es el siguiente:

$.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: este es mi archivo mail3.php tratamiento de errores:

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

Me preguntaba si es posible redireccionar al usuario a una página de agradecimiento página si la solicitud ajax es exitosa y no hay errores presentes. es posible?

Gracias! Amit

Answer 1

Claro. Sólo hay que poner algo en el final de la función de su éxito como:

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

donde el servidor devuelve la respuesta no_errors cuando no hay errores presentes.

Answer 2

Usted sólo puede redirigir en el controlador success, así:

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

O ya está mostrando resultados, espere unos segundos, por ejemplo, esto sería esperar 2 segundos:

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

Answer 3

creo que se puede hacer eso con:

window.location = "your_url"; 

Answer 4

I supongamos que pudieras atacar esto de dos maneras;

1) inserte window.location = 'http://www.yourdomain.com en la función de éxito.

2) utilizar una llamada ajax, además, un Inyectarlo en un elemento en su página, más información sobre la que se pueden encontrar en la documentación de jQuery en http://api.jquery.com/jQuery.get/

Answer 5

Simplemente haga una comprobación de errores, y si todo pasa, configure window.location para redirigir al usuario a otra página.

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

En el archivo mail3.php usted debe capturar los errores en un try {} catch {}

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

Entonces en su llamada success usted no tendrá que preocuparse de sus errores, ya que nunca lo hará regresa como un exito

y puede usar: window.location.href = "thankyou.php"; dentro de su función de éxito como lo indicó 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

He publicado la situación exacta en un hilo diferente. Volver a publicar

Disculpe, esta es una respuesta a la pregunta publicada anteriormente.

Pero trae un tema interesante --- CUANDO usar AJAX y cuándo NO usar AJAX. En este caso, es bueno no usar AJAX.

Tomemos un ejemplo simple de inicio de sesión y contraseña.Si el nombre de usuario y/o la contraseña no coinciden, sería bueno usar AJAX para informar un mensaje simple que dice "Login Incorrect". Pero si el nombre de usuario y la contraseña SON correctos, ¿por qué tendría que volver a llamar a una función AJAX para redireccionar a la página del usuario?

En un caso como este, creo que sería agradable utilizar un formulario simple SOMETER. Y si el inicio de sesión falla, redirigir a Relogin.php que se ve igual que el Login.php con un mensaje GET en la url como Relogin.php? Error = InvalidLogin ... algo así ...

Just my 2 centavos. :)

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" 

     } 
    });