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

当前回答

我使用XML将结果从服务器上的php带回网页，我有相同的行为。

在我的例子中，原因是结束标记与开始标记不匹配。

<?php
....
header("Content-Type: text/xml");
echo "<?xml version=\"1.0\" encoding=\"utf-8\"?>
    <result>
        <status>$status</status>
        <OPENING_TAG>$message</CLOSING_TAG>
    </result>";
?>

2015-10-28 13:54:19

其他回答

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

2012-02-17 23:28:14

我正在返回有效的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

var sownum="aa";
$.ajax({
    type : "POST",
    contentType : 'application/json; charset=utf-8',
    dataType : "JSON",
    url : 'updateSowDetails.html?sownum=' + sownum,
    success : function() {
        alert("Wrong username");
    },
    error : function(request, status, error) {

        var val = request.responseText;
        alert("error"+val);
    }
});

2016-12-12 13:05:02

我使用XML将结果从服务器上的php带回网页，我有相同的行为。

在我的例子中，原因是结束标记与开始标记不匹配。

<?php
....
header("Content-Type: text/xml");
echo "<?xml version=\"1.0\" encoding=\"utf-8\"?>
    <result>
        <status>$status</status>
        <OPENING_TAG>$message</CLOSING_TAG>
    </result>";
?>

2015-10-28 13:54:19

Ajax成功事件不工作

推荐文章

最新文章

标签