【问题标题】:cross-site XmlHttpRequest in Firefox?Firefox 中的跨站点 XmlHttpRequest?
【发布时间】:2010-09-28 09:54:27
【问题描述】:
我了解(我认为)XmlHttpRequest 对象遵守“同域”策略。但是,我想创建一个简单的 (POC) 本地 html 文件,该文件从 Web 服务器下载 XML 并对其进行处理(让我们从一个简单的“alert()”开始)。
有可能吗?我需要特殊的 Firefox 配置选项吗?
我尝试下载的服务器不在我的控制之下(它实际上是一个 Google API)。
我的简单尝试是来自Mozilla's "Using XMLHttpRequest" page 的代码。它从“发送”方法返回一个我不太了解的错误。
免责声明:我主要是一名 C/C++ 开发人员 - 从未做过任何严肃的 JS 编程,从未尝试过使用这些 API。
【问题讨论】:
标签:
javascript
api
firefox
xmlhttprequest
【解决方案1】:
XMLHttpRequest 实际上遵循更严格的相同域策略实现:虽然您可以设置 document.domain 属性以允许来自两个子域的 JavaScript 相互通信,但您不能使用 XMLHttpRequestObject 来做到这一点。在你的情况下,去一个完全不同的域,你也不能用 JavaScript 做到这一点。
有几个选项。首先,您可以使用反向代理使外部站点看起来是您站点的子域。看看 Apache 的 mod_proxy,特别是 ProxyPassReverse
另一种选择是将数据作为 JSON 对象返回:
我还建议您使用 Google 搜索“google mashup”。其中大部分位于“googlemashops.com”域上,这使得实施变得更加容易。一些人住在该领域之外,可能会给你一些想法。
编辑:我建议不要直接使用XMLHttpRequest对象,而是通过prototype.js等第三方库
【解决方案2】:
如果您尝试检索的 XML 由 Google 的 JS API 之一返回,则不需要 XmlHttpRequest(因为它只能在与您的页面相同的域中使用)。
因此,在使用 Google API(例如 Maps API)的情况下,通常首先在您页面的某处添加对其通用 API 的引用:
<script type="text/javascript" src="http://www.google.com/jsapi?key=your_google_api_key"></script>
然后在页面中添加对您计划使用的特定 API 的引用:
<script type="text/javascript">google.load("maps", "2");</script>
现在您可以调用该 API 提供的各种函数:
<script type="text/javascript">
function initialize() {
var map = new google.maps.Map2(document.getElementById("map"));
map.setCenter(new google.maps.LatLng(41.86, 87.68), 13);
}
google.setOnLoadCallback(initialize);
</script>
不需要 XmlHttpRequest :)
【解决方案3】:
或者尝试使用 IE8。如果您从磁盘而不是网站运行,IE8 将忽略所有正常的域限制并获取您想要的数据。
【解决方案4】:
您可以使用 JSONP 来执行此操作。我使用 jQuery 和 PHP 来完成 here。基本上我使用 PHP 代理来包装 JSON 回复,以便 jQuery 可以处理它。它在BSD下。