来自不同域的Greasemonkey AJAX请求?

时间:2017-03-04 04:01:27

标签: javascript ajax http greasemonkey tampermonkey

我正在尝试使用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会被触发。

如何对其进行排序,以便在此设置中从其他域中提取数据?

1 个答案:

答案 0 :(得分:6)

Greasemonkey(和Tampermonkey)内置了对跨域AJAX的支持。使用the GM_xmlhttpRequest function

这是一个完整的用户脚本,用于说明该过程:

// ==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) + '...'
                    );
                }
} );

你也应该养成使用the @connect directive的习惯 - 尽管在Firefox上并不严格要求Greasemonkey。