Question

我们有一个ajax系统设置，可以使用Chrome浏览器检查不同事件期间的未读消息：

var JHR = function ( method, url, data, fun ) {
  var xhr = new XMLHttpRequest();
  xhr.responseJSON = null;

  // xhr.open( 'POST', url );
  xhr.open(method, url, true);
  xhr.setRequestHeader("Authorization", "Basic " + data.userAuth);
  xhr.setRequestHeader( 'Content-Type', 'application/json' );

  xhr.addEventListener( 'load',  function () {
    //my old man once told me "Zirak, sometimes, you must face the dangers
    // of life head on". he then threw me in a shark tank. but I'm sure it
    // applies here too.
    //...I was only 7
    xhr.responseJSON = JSON.parse( xhr.responseText );

    if (fun) fun( xhr.responseJSON, xhr );
  });

  xhr.send( JSON.stringify(data) );

  return xhr;
};


var pollInterval = 1*60*60; // 60 min
var timerId;

function startRequest() {
    updateBadge();
    timerId = window.setTimeout(startRequest, pollInterval);
}
function stopRequest() {
    window.clearTimeout(timerId);
}

function getUnreadCount(onSuccess, onError) {
  chrome.storage.sync.get("userAuth", function(data) {
    var response = JHR("GET", "https://api.rss.com/v2/unread_entries.json", {userAuth: data.userAuth}); 
    console.log(response);
  }); 
}

function updateBadge() {
    // Callbacks for onSuccess, and onError
    getUnreadCount(function(data) {
        chrome.browserAction.setBadgeText({text:data.unreadItems});
    }, function(data){
        chrome.browserAction.setBadgeText({text:'error'});
    });
}

我们想为一个时间间隔设置一个变量（例如每5分钟），并且每5分钟只发送一次ajax调用，或者可以设置变量。

有人可以帮我们确定添加此行为的位置吗？我认为pollInterval会处理它，但事实并非如此。

Answer 1

我会在你的xhr对象上添加一个onreadystatechange函数，以便在完成后再次调用该函数。在你的JHR声明中：

xhr.onreadystatechange = function() {
  if(xhr.readyState == 4) {
    timerId && clearTimeout(timerId);
    timerId = setTimeout(startRequest, pollInterval);
  }
}

如果您要使用setInterval，则应先检查前一个xhr对象是否已完成（通过其readyState属性），然后再触发另一个。

Answer 2

尝试更改代码以使用clearInterval：

var pollInterval = 1*60*60; // 60 min
var timerId;

function startRequest() {
    updateBadge();
    timerId = window.setInterval(startRequest, pollInterval);
}

function stopRequest() {
    window.clearInterval(timerId);
}

有关setInterval的更多信息：

http://www.w3schools.com/jsref/met_win_clearinterval.asp

https://developer.mozilla.org/en-US/docs/Web/API/Window.clearInterval

setInterval and how to use clearInterval

如何将设置间隔添加到轮询脚本

2 个答案: