用户脚本如何向不同的域发出网络请求？

Question

我正在尝试使用 JavaScript（使用 Greasemonkey）从我自己的网站中提取数据来自定义另一个网站。我使用的代码如下：

function getURL(url, func)
{
  var xhr = new XMLHttpRequest();
  xhr.open("GET", url, true);
  xhr.onload = function (e) 
  {
    if (xhr.readyState == 4) 
    {
      if (xhr.status == 200) 
      {
        func(xhr.responseText, url);
      } 
      else
      {
        alert(xhr.statusText, 0);
      }
    }
  };
  xhr.onerror = function (e)
  {
    alert("getURL Error: "+ xhr.statusText); // picks up error here
  };
  xhr.send(null);  
}

上面的工作完全正常，它从 URL 获取文本并将其返回到我传递到函数中的匿名函数，只要该文件与我调用它的页面位于同一域中。但是，如果域不同，则会触发

onerror

。

如何对其进行排序，以便我可以在此设置中从不同域提取数据？

Answer 1

Greasemonkey（和 Tampermonkey）内置了对跨域 AJAX 的支持。使用 GM_xmlhttpRequest 函数。

这是一个完整的用户脚本，说明了该过程：

// ==UserScript==
// @name        _Starter AJAX request in GM, TM, etc.
// @match       *://YOUR_SERVER.COM/YOUR_PATH/*
// @grant       GM_xmlhttpRequest
// @connect     targetdomain1.com
// ==/UserScript==

GM_xmlhttpRequest ( {
    method:     'GET',
    url:        'http://targetdomain1.com/some_page.htm',
    onload:     function (responseDetails) {
                    // DO ALL RESPONSE PROCESSING HERE...
                    console.log (
                        "GM_xmlhttpRequest() response is:\n",
                        responseDetails.responseText.substring (0, 80) + '...'
                    );
                }
} );

您还应该养成使用

@connect

指令 的习惯——尽管 Firefox 上的 Greasemonkey 还没有严格要求它。