javascript - Ajax / Javascript 麻烦。循环先前的请求

Question

我有一小段用 PHP 加载的漂亮的 Ajax 代码。

http://www.moneywarrier.com/client-stories/

发生的情况是，当您单击左侧导航上的菜单项时，它会重新加载具有适当内容的 Div。

然而，它的作用是遍历先前的请求，这很麻烦（单击任何左侧项目 3x，您将明白我的意思）。我想我需要找到一个相当于退出的函数；并清除任何发布数据。

我的代码调用是：

<a href="#"  class="media video" rel="1">Video</a>

我的 JS 看起来像：

$(document).ready(function () {

    $('a.media').click(function () {
        var usr = $(this).attr('rel');

        $("#displaystories").html('Retrieving..');

        $.ajax({
            type: "POST",
            url: "/client-stories/media.php",
            data: "showcode=" + usr,
            success: function (msg) {
                $("#displaystories").ajaxComplete(function (event, request, settings) {
                    $(this).html(msg);
                });
            }

        });
    });
});

Answer 1

每次单击时，您都将一个新的侦听器绑定到 ajaxComplete。您的成功回调应该是：

success: function(msg) {  
    $("#displaystories").html(msg);
}