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

Question

我正在调用 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;
    });
});

Answer 1

AJAX 查询成功后，您将新事件监听器 附加到#post。基本上您的意思是，“在此查询成功后，等待另一个查询成功，然后更改 HTML”。由于查询已经成功，您需要删除 ajaxComplete 并简单地使用:

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