javascript - 如何限制ajax请求的速率？

Question

有几个 div 和处理程序在单击时发送 ajax 请求。我的问题是我不知道如何强制我的处理程序不超过每 30 秒 1 个请求的限制。

感谢您的帮助!

Answer 1

优秀Underscore.js有 throttle 功能。您传入要限制的处理程序并取回同一函数的限速版本。

var throttled = _.throttle(someHandler, 100);
$(div).click(throttled);

http://documentcloud.github.com/underscore/#throttle

这是我在自己的代码中使用的简化版本:

function throttle(func, wait) {
    var timeout;
    return function() {
        var context = this, args = arguments;
        if (!timeout) {
            // the first time the event fires, we setup a timer, which 
            // is used as a guard to block subsequent calls; once the 
            // timer's handler fires, we reset it and create a new one
            timeout = setTimeout(function() {
                timeout = null;
                func.apply(context, args);
            }, wait);
        }
    }
}

测试它的一个好方法是触发一堆滚动事件并观察您的处理程序记录到 Firebug 控制台:

document.addEventListener("scroll", throttle(function() {
    console.log("test");
}, 2000), false); 

根据要求(需要 jQuery)，这里有一个版本将 div 上的点击事件限制为每 30 秒一次:

$("div").click(throttle(function() {
    // ajax here
}, 30000));