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请求的成功回调?

当前回答

添加'error'回调函数(就像'success'一样):

$.ajax({
   type: 'POST',
   url: 'submit1.php',
   data: $("#regist").serialize(),
   dataType: 'json',
   success: function() {
      $("#loading").append("<h2>you are here</h2>");
   },
   error: function(jqXhr, textStatus, errorMessage){
      console.log("Error: ", errorMessage);
   }
});

以我为例，我在控制台看到:

Error:  SyntaxError: Unexpected end of JSON input
  at parse (<anonymous>), ..., etc.

2018-11-20 08:43:33

其他回答

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

2016-04-10 06:46:50

我正在返回有效的JSON，在我的“完整”回调中得到200的响应，并且可以在chrome网络控制台中看到它…但我没有具体说明

dataType: "json"

一旦我做了，不像“公认的答案”，这实际上解决了问题。

2013-10-31 15:30:39

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

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

2017-06-30 14:25:51

我有这个问题使用ajax函数从Magento恢复用户密码。成功事件没有被解雇，然后我意识到有两个错误:

结果没有以JSON格式返回我试图将数组转换为JSON格式，但这个数组有非utf字符

因此，每次我尝试使用json_eoncde()来编码返回数组时，该函数都无法工作，因为它的一个索引具有非utf字符，其中大多数是巴西葡萄牙语单词的重音。

2015-11-30 06:47:21

success回调函数有两个参数:

success: function (data, textStatus) { }

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

2009-12-28 13:36:38

Ajax成功事件不工作

推荐文章

最新文章

标签