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

其他回答

我使用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

当查询控制器不返回成功响应时，我也遇到了同样的问题，当修改控制器以返回成功消息时，问题得到了解决。注意使用Lavalite框架。之前:

public function Activity($id)
    {
        $data=getData();
        return
            $this->response->title('title')
                ->layout('layout')
                ->data(compact('data'))
                ->view('view')
                ->output();
    }
after code looks like:
    try {
            $attributes = $request->all();
            //do something
            return $this->response->message('')
                ->code(204)
                ->status('success')
                ->url('url'. $data->id)
                ->redirect();
        } catch (Exception $e) {
            return $this->response->message($e->getMessage())
                ->code(400)
                ->status('error')
                ->url('nothing Wrong')
                ->redirect()
        }

这对我很有效

2018-07-06 09:38:01

我尝试删除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 ... 
    }
});

2011-03-19 13:35:48

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

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

2009-12-28 13:41:56

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

dataType: "json"

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

2013-10-31 15:30:39

Ajax成功事件不工作

推荐文章

最新文章

标签