我有一张登记表,正在使用$。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请求的成功回调?


当前回答

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

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

其他回答

在成功回调中放入alert()以确保它被调用。

如果不是,那只是因为请求根本没有成功,即使您设法击中了服务器。合理的原因可能是超时过期,或者php代码中的某些内容抛出异常。

为firefox安装firebug插件(如果还没有安装的话),并检查AJAX回调。您将能够看到响应,以及它是否收到一个成功的(200 OK)响应。您还可以在完整的回调中放入另一个alert(),它肯定会被调用。

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

我犯了一个错误,试图直接使用这样的函数(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也会被调用。

确保在PHP文件中生成JSON格式的数据之前不打印(回显或打印)任何文本/数据。这可以解释,你得到一个-成功200 OK-但你的成功事件仍然失败在你的javascript。可以通过检查firebug中POST submit1.php的“Network - Answer”部分来验证脚本接收的内容。

success回调函数有两个参数:

success: function (data, textStatus) { }

还要确保submit1.php设置了正确的内容类型头:application/json

我尝试删除dataType行,但它没有为我工作。我通过使用“complete”而不是“success”作为回调函数来解决这个问题。成功回调仍然失败在IE,但因为我的脚本运行和完成无论如何,这是我所关心的。

$.ajax({
    type: 'POST',
    url: 'somescript.php',
    data: someData,
    complete: function(jqXHR) {
       if(jqXHR.readyState === 4) {
          ... run some code ... 
       }   
    }        
 });

在jQuery 1.5中你也可以这样做。

var ajax = $.ajax({
    type: 'POST',
    url: 'somescript.php',
    data: 'someData'
});
ajax.complete(function(jqXHR){
    if(jqXHR.readyState === 4) {
        ... run some code ... 
    }
});