【问题标题】:Submit ajax form and redirect to other page using jquery提交ajax表单并使用jquery重定向到其他页面
【发布时间】:2018-03-06 10:53:22
【问题描述】:

我在提交表单时遇到问题。它只是重定向到“谢谢”页面,而无需先发送表单数据。请帮忙,代码如下:

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

});

【问题讨论】:

    标签: jquery ajax redirect form-submit


    【解决方案1】:

    您需要在 ajax 调用成功后重定向到“thank-you”:

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

    【讨论】:

      【解决方案2】:

      window.location.href = "thank-you"; - 这是取消您的 ajax 请求,当您收到来自 ajax 的响应时执行此操作。

      【讨论】:

        猜你喜欢
        • 2018-07-13
        • 1970-01-01
        • 2014-07-12
        • 2012-02-04
        • 2020-07-28
        • 2014-12-21
        • 1970-01-01
        • 2014-10-09
        • 1970-01-01
        相关资源
        最近更新 更多