javascript - jQuery AJAX 的奇怪 setTimeout 清除行为

Question

因此，我尝试为发送的每个请求设置一个超时时间，并判断一个请求是否“太长”。我正在查看网络选项卡，每个请求都在 300 毫秒以下，但是“太长”被记录了 6 次! (我发送的请求数)。我在变量、setTimeouts 或其他方面做错了什么吗？

var ajaxMonitor = {};

function timingStart() {
    var url = arguments[2].url;
    ajaxMonitor[url] = {};
    ajaxMonitor[url].timer = setTimeout(function () {
        console.log('too long');
    }, 300);
}

function timingEnd() {
    var url = arguments[2].url;
    clearTimeout(ajaxMonitor[url].timer);
}

$(document).ajaxSend(timingStart);
$(document).ajaxComplete(timingEnd);

Answer 1

正如评论中指出的那样，这可能是因为您多次调用同一个 url。如果是这种情况，解决该问题的一种方法是在设置之前清除间隔:

function timingStart() {
  var url = arguments[2].url;
  clear(url);
  ajaxMonitor[url] = {};
  ajaxMonitor[url].timer = setTimeout(function () {
     console.log('too long');
  }, 300);
}

function timingEnd() {
  var url = arguments[2].url;
  clear(url);
}

function clear(url) {
  if(ajaxMonitor[url])
    clearTimeout(ajaxMonitor[url].timer);
}

$(document).ajaxSend(timingStart);
$(document).ajaxComplete(timingEnd);