Ajax成功事件不工作

我有一张登记表，正在使用$。Ajax来提交。

这是我的AJAX请求:

$(document).ready(function() {
    $("form#regist").submit(function() {
        var str = $("#regist").serialize();
        $.ajax({
            type: 'POST',
            url: 'submit1.php',
            data: $("#regist").serialize(),
            dataType: 'json',
            success: function() {
                $("#loading").append("<h2>you are here</h2>");
            }        
        });
        return false;        
    });
});

在我的submit1.php文件中，我检查了数据库中字段电子邮件地址和用户名的存在。我希望显示一个错误消息，如果这些值存在而不刷新页面。

我如何将此添加到我的AJAX请求的成功回调?

当前回答

必须同时声明Success和Error回调。添加

error: function(err) {...}

应该能解决问题

2019-08-12 03:00:27

其他回答

虽然这个问题已经解决了，但我还是希望它能帮助到其他人。

我犯了一个错误，试图直接使用这样的函数(success: OnSuccess(productID))。但是你必须先传递一个匿名函数:

  function callWebService(cartObject) {

    $.ajax({
      type: "POST",
      url: "http://localhost/AspNetWebService.asmx/YourMethodName",
      data: cartObject,
      contentType: "application/x-www-form-urlencoded",
      dataType: "html",
      success: function () {
        OnSuccess(cartObject.productID)
      },
      error: function () {
        OnError(cartObject.productID)
      },
      complete: function () {
        // Handle the complete event
        alert("ajax completed " + cartObject.productID);
      }
    });  // end Ajax        
    return false;
  }

如果你不使用匿名函数作为包装器，即使web服务返回异常，OnSuccess也会被调用。

2010-09-19 13:12:05

结果可能不是JSON格式，所以当jQuery试图解析它时，它会失败。你可以用error: callback函数来捕捉错误。

无论如何，你似乎不需要在该函数中使用JSON，所以你也可以去掉dataType: ' JSON '行。

2009-12-28 13:41:56

在我的情况下，错误是这是在服务器端，因此它返回一个HTML

wp_nonce_field(basename(__FILE__), "mu-meta-box-nonce");

2017-06-30 14:25:51

我也有同样的问题。这是因为javascript在返回数据时期望json数据类型。但如果你在PHP中使用echo或print，这种情况就会发生。如果你在php中使用echo函数返回数据，只需删除dataType: "json"工作得很好。

2016-04-10 06:46:50

必须同时声明Success和Error回调。添加

error: function(err) {...}

应该能解决问题

2019-08-12 03:00:27

Ajax成功事件不工作

推荐文章

最新文章

标签