javascript - 如何使用php重定向按钮点击

Question

我在表单上使用了一个按钮。成功提交用户信息后，我试图通过单击按钮重定向到另一个页面。除重定向外，一切正常。这是我试过的代码。

HTML代码:

<form role="form" id="contact-form" method="get">
  <div class="form-group row">
      <input type="email" id="email" name="email" placeholder="Enter your email" required="required" class="form-control input-lg" />
      <input type="text" id="address" name="address" placeholder="Enter your address" required="required" class="form-control input-lg" />
      <button type="submit" class="btn btn-t-primary">Show Me Now!</button>
  </div>
</form>

Javascript 代码:

function contact() {
  $("#contact-us-form").submit(function (e) {
  e.preventDefault();
  e.stopImmediatePropagation();
  form = $(this);
  data = $(this).serialize();
  $.post("contact.php", data, function(response){
      form.trigger('reset');
  });
}

PHP代码:

<?php 
ini_set("SMTP","ssl://smtp.gmail.com");
ini_set("smtp_port","465");
if (isset($_POST['email'])) {
    $email = $_POST['email'];
    $address= $_POST['address'];
    $subject = "Message from: ".$email;
    $content = "Email: " . $email."\n"
            . "Address: " . $address;
    $headers ='Reply-To: ' . $email . "\r\n";
    mail('example@gmail.com', $subject ,$content, $headers );
    header("Location:https://www.example.com");
    echo 1;
}else {
    echo 0;
}

?>

Answer 1

您不能从 PHP 重定向 ajax 请求，而是使用这个:

$(function() {

    $("#contact-form").submit(function(e) {
        e.preventDefault();
        e.stopImmediatePropagation();
        form = $(this);
        data = $(this).serialize();
        $.post("contact.php", data, function(response) {
            form.trigger('reset');
            //Redirection
            window.location.href = "https://www.google.com";
        });
    });

});

只需从您的 PHP 中删除此 header("Location:https://www.example.com");。

希望对您有所帮助。