Jquery Ajax成功事件和接收响应消息时出错

时间:2013-07-01 17:16:11

标签: javascript jquery ajax-request

我正在调用jQuery Ajax函数,一切正常......但是,它没有收到任何响应并将其附加到其中。

提交表单时..调用beforeSend事件并成功运行加载映像,并且还有一个警告框,其中包含“已删除”消息,但页面中的请求和响应未附加.... chrome,我可以看到所选帖子被删除的消息......但它没有附加在页面中。

$(document).ready(function() {
    $("#post").submit(function() {
        var post = $('#post').val();
        var token = $('#token').val();
        var str = 'token='+ token + '&post='+ post;
        $.ajax({
            type: "POST",
            cache: false,
            url: "http://localhost/delete.php",
            data: str,
            beforeSend: function(){
                $("#post").html('<img src="http://localhost/loader.gif" align="absmiddle">&nbsp;Deleting...');
           },
            success: function(msg) {
                alert('Deleted');
                $("#post").ajaxComplete(function(event, request, settings) {
                    $("#post").html(msg);
                });
            }
        });
        return false;
    });
});

1 个答案:

答案 0 :(得分:1)

在AJAX查询成功后,您将{strong>新事件侦听器附加到#post。基本上你所说的是,“在此查询成功之后,等待另一个查询成功,然后更改HTML。”由于查询已成功,您需要删除ajaxComplete并只使用:

success: function() {
    alert('Deleted');
    $("#post").html(msg);
}