Question

我正在使用ajax将表单发布到我的localproxy，然后发布到affiliate客户端以及我的数据库。但是它保持不使用ajax发布或出现错误。我在其他网站上使用了这种确切的代码格式而没有任何问题。

我的ajax代码

$(document).ready(function(){

     // ajax code start
    $('#form').on('submit', function (e){
    e.preventDefault();
    $.ajax({
    type: "POST",
    url: "/localProxy.php",
    data: $('#form').serialize(),
    success: function (response) {
            document.location = '/thank-you';
             // do something!
    },
    error: function () {
            alert('There was a problem!');  // handle error
    }
        });
        });

这是我当前的表单标题并提交代码

<form id="form" name="form" >

<input type="submit" name="submit" id="submit" value="Enter" />

默认提交激活绕过ajax或警报消息出现。

Answer 1

$(document).ready(function(){

 // ajax code start
$('#form').on('submit', function (e){
   e.preventDefault();
   $.post('/localProxy.php', $('#form').serialize(),
      success: function (response) {
        document.location = '/thank-you';
         // do something!
      },
      error: function () {
         alert('There was a problem!');  // handle error
      });
   });
});

试试这个。这是ajax调用的简写版本。 bt确定这没关系或NT。

Answer 2

确保localProxy脚本中没有错误，或者确实存在错误。我还注意到您的代码中缺少功能封装：

$(document).ready(function(){
     // ajax code start
    $('#form').on('submit', function (e){
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: "/localProxy.php",
            data: $('#form').serialize(),
            success: function (response) {
                    document.location = '/thank-you';
                     // do something!
            },
            error: function () {
                    alert('There was a problem!');  // handle error
            }
        });
    }); // <--- I just added this and it's submitting properly
});

Ajax Post疑难解答

2 个答案: