提交ajax表单并使用jquery重定向到另一个页面

Posted 2021-03-30

我提交表格时遇到问题。它只是重定向到'thank-you'页面而不先发送表单数据。请帮忙，代码如下：

$(function () {    
  $("#surveyControl").submit(function(e) {

  var companyname = $("#companyname").val();
  var firstname = $("#firstname").val(); 
  var lastname = $("#lastname").val();


  var dataString = '&companyname='+ companyname + '&firstname='+ firstname + '&lastname='+ lastname;

       e.preventDefault();

        $.ajax({
            type: "POST",
            url: "../wp-admin/emailer.php",
            data: dataString,
            async: false,
            success: function (data) {
               return true;
           }

window.location.href = "thank-you";
})

});

答案

在ajax调用成功后你需要重定向到'thank-you'：

$.ajax({
            type: "POST",
            url: "../wp-admin/emailer.php",
            data: dataString,
            async: false,
            success: function (data) {
               window.location.href = "thank-you";
           }

另一答案

window.location.href = "thank-you"; - 这是取消你的ajax请求，当你从ajax得到响应时这样做。