Ajax / Javascript麻烦。循环以前的请求

vvel 发布于 2019-03-09 ajax 最后更新 2019-03-09 14:31 3 浏览

我有一个加载在PHP中的漂亮的小块Ajax代码。 http://www.moneyworrier.com/client-stories/ 会发生什么情况是,当您点击左侧导航菜单项时,它会重新加载适当内容的Div。 然而,它是循环通过以前的请求,这是麻烦(点击任何左边的项目3倍,你会明白我的意思)。我想我需要找到一个相当于退出的函数;并清除任何发布数据。 我的代码是:

<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);
                });
            }
});
    });
});
已邀请:

ut_eos

赞同来自:

您在每次单击时都将新侦听器绑定到ajaxComplete。你的成功回调应该只是:

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