ajax - 将 jQuery ajax 调用包装在变量中，以便我可以在需要时设置Timeout 和clearTimeout？

Question

有没有办法可以将 jQuery ajax 调用放入变量中，以便我可以为特定事件创建 setTimeout 并为特定事件创建clearTimeout？例如，如果这有意义的话，如下所示:

var testEvent = function(){ $(this).load("info.php"); };

针对特定事件

setTimeout("testEvent()",3000);

关于另一个特定事件

clearTimeout("testEvent()");

Answer 1

用几个漂亮的插件函数来实现这个目的怎么样？

$.fn.loadLater = function (url, time) {
    var me = this;
    this.data('load-later-timer', setTimeout(function () {
        me.load(url);
    }, time));
};

$.fn.dontLoadLater = function () {
    var timer = this.data('load-later-timer');
    if (timer != null) clearTimeout(timer);
};

像这样使用:

// Start timer
$(this).loadLater('info.php', 3000);

// Stop timer
$(this).dontLoadLater();