javascript - Firefox扩展-每页多个XMLHttpRequest调用

我正在尝试创建一个可以在每个页面上运行多个XMLHttpRequest的Firefox扩展。下面的代码（我的主要功能在不同的URL上调用makeRequest）。我的问题是，它总是返回（出于调试目的在“ alert（'Found ...'）”处）相同的URL，而不是显示不同的响应。我认为问题是我应该以某种方式将http_request实例传递给alertContents（）函数，而不是直接使用http_request，但是不确定如何或是否正确。谢谢。

function makeRequest(url,parameters) {
   http_request = false;
   http_request = new XMLHttpRequest();
   if (http_request.overrideMimeType) {
      http_request.overrideMimeType('text/xml');
   }
   if (!http_request) {
      alert('Cannot create XMLHTTP instance');
      return false;
   }
   http_request.onreadystatechange = alertContents;
   http_request.open('GET', url + parameters, true);
   http_request.send(null);

}

function alertContents() {
   if (http_request.readyState == 4) {
      if (http_request.status == 200) {
            alert('Found: ' + http_request.responseText);
      } else {
         alert('There was a problem with the request.');
      }
   }
}

最佳答案

您的问题是您只有一个http_request标识符，每次调用makeRequest函数时都会重复使用该标识符。这是一个简单的调整：

function makeRequest(url,parameters) {
   var http_request = new XMLHttpRequest();
   if (http_request.overrideMimeType) {
      http_request.overrideMimeType('text/xml');
   }
   if (!http_request) {
      alert('Cannot create XMLHTTP instance');
      return false;
   }
   http_request.onreadystatechange = function() {
           alertContents(http_request)
       };
   http_request.open('GET', url + parameters, true);
   http_request.send(null);
       return http_request;
}

function alertContents(http_request) {
   if (http_request.readyState == 4) {
      if (http_request.status == 200) {
            alert('Found: ' + http_request.responseText);
      } else {
         alert('There was a problem with the request.');
      }
              http_request.onreadystatechange = fnNull;
   }
}

    function fnNull() { };

http_request标识符对于每个makeRequest执行都是本地的。每次使用捕获触发onreadystatechange时，XHR的正确实例就会传递到alerrContents。

顺便说一句，为什么将网址与参数分开？由于调用者必须确保parameters参数正确进行了url编码，因此它似乎不是非常有用的抽象。另外，调用者仍然可以简单地传递包含查询字符串的URL。