使用AJAX保留在同一页面中的未知错误

时间:2016-01-02 14:03:08

标签: javascript php jquery ajax

this previous link之后,我尝试了一个新的AJAX代码,但仍然得到了相同的结果(数据插入正确,但不能保留在同一页面中)。

$(function(){
    $("#form1").on("submit", function(e){
        $.ajax({
          url: 'insert.php',
          type: 'post',
          data: $('#form1').serialize(),
          dataType: 'json',
          success: function(data) {
              alert($('#form1').serialize());
         });
         e.preventDefault();
    });
});

enter image description here

表单中有id="form1",此表单中的提交按钮为id="insert"

感谢任何帮助,今天需要解决这个问题。

1 个答案:

答案 0 :(得分:2)

在关闭AJAX函数之前,应关闭success函数。您忘记添加结束}

$(function(){
  $("#form1").on("submit", function(e){
    $.ajax({
      url: 'insert.php',
      type: 'post',
      data: $('#form1').serialize(),
      dataType: 'json',
      success: function(data) {
        alert($('#form1').serialize() + "&insert=yes"); // add this
      } //<--------------------------------------- You missed this
    });
    e.preventDefault();
  });
});

您正在发送insert密钥作为发布参数,但它不起作用,因为您在发送到AJAX时没有添加它。所以加上它就行了。