HTML表單同時提交和重定向

Question

我的網站上有一個不是我寫的表格，做這件事的人不是很好（或者就此而言無法達到），所以老板現在要我修復它。 目前，提交表單會發送一封Emal，並打開一條感謝消息。 不幸的是，彈出窗口看起來更像是錯誤消息而不是成功消息，因此要求我將“提交”按鈕重定向到實際的“謝謝”頁面，而不是彈出窗口。 現在我對PHP並不是很了解，所以我需要一些幫助。

HTML：

    <form>
    <div class="row">
    <div class="six columns">
    <label class="gfield_label" for="Name" style="display: block;">Name<span class="gfield_required">*</span></label>
      <input type="text" id="Name" required class="mobile-four"/>
      </div>
      <div class="six columns">
    <label class="gfield_label" for="Company" style="display: block;">Company</label>
      <input type="text" id="Company" required class="mobile-four"/>
      </div>
      </div>
    <div class="row">
      <div class="six columns mobile-four">
    <label class="gfield_label" for="email" style="display: block;">Email<span class="gfield_required">*</span></label>
      <input type="email" class="mobile-four" id="email" required  />
      </div>
      <div class="six columns mobile-four">
    <label class="gfield_label" for="phone" style="display: block;">Phone<span class="gfield_required">*</span></label>
      <input type="phone" class="mobile-four" id="phone" required  />
      </div>
      </div>
      <div class="row">
      <div class="twelve columns mobile-four">
    <label class="gfield_label" for="message" style="display: block;">Message<span class="gfield_required">*</span></label>
        <textarea id="message" cols="30" rows="3"></textarea>
      </div>
      <div class="three columns centered">
          <button id="contact-submit-btn" class="btn btn-block btn-danger">Contact us Now!</button>
        </div>
        </div>
  </form>

PHP：

<?php
if($_POST){
  $mailBody = "Name:" . $_POST['Name'] . "\nPhone:" . $_POST['phone'] . "\nEmail:" . $_POST['email'] . "\nMessage:\n" . $_POST['message'];
  mail("a@harbordev.com","Website request from " . $_POST['Name'], $mailBody);
}
header("location:/thankyou.html");
?>

JS：

$(document).ready(function() {
        $("#contact-submit-btn").click(function() {
                var form_data = {
                        Name:$("#Name").val(),
                          Company:$("#Company").val(),
                          phone:$("#phone").val(),
                        email:$("#email").val(),
                        message:$("#message").val(),
                        is_ajax: 1
                };
                $.ajax({
                        type: "POST",
                        url: "/contactsubmit.php",
                        data: form_data,
                        cache: false,
                        success: function(result){
                alert(result);
                        }
                });//ajax
                return false;
        });
});

我希望將提交按鈕重定向到不是用PHP編寫的“ contact-thanks.html”。 （thankyou.html是用PHP編寫的，但其中包含的只是您輸入的文本）。

謝謝您的幫助

Answer 1

成功處理程序中將執行以下操作：

window.location = '/thankyou.html';