我正在尝试使用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
会被触发。
如何对其进行排序,以便在此设置中从其他域中提取数据?
答案 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。