jquery中止ajax请求

时间:2017-07-11 11:12:54

标签: javascript jquery ajax

我有一个函数,当scroll到达div元素的底部时调用。

$(document).ready(function(){

$("#container").scroll(function() {
        var current_scrollbar_position = Math.round($(this).scrollTop());
        var inner_height = Math.round($(this).innerHeight());
        var advertiser_dropdown_height = $(this)[0].scrollHeight;
        var dropdown_bottom = current_scrollbar_position + inner_height;

        if(dropdown_bottom >= Math.round(0.75*(advertiser_dropdown_height)))
        {
           load_advertisers();                        
        }
    });
});

function load_advertisers(){
        // calling ajax function
}

scroll到达目的地时,它会调用load_advertisers()方法。但它不止一次地调用load_advertisers()。因此,它会中止任何其他请求,并仅从一个请求中提取数据。因此,如果我们检查控制台,它会显示5-6个中止的ajax请求(红色)。为什么会这样?如果上一个请求正在处理,我该如何阻止另一个请求?

感谢任何帮助。

感谢。

0 个答案:

没有答案