3

我理解(我认为) XmlHttpRequest 对象遵守“同域”策略。但是,我想创建一个简单的 (POC) 本地 html 文件,该文件从 Web 服务器下载 XML 并对其进行处理(让我们从一个简单的“alert()”开始)。

有可能吗?我需要一个特殊的 Firefox 配置选项吗?

我尝试下载的服务器不在我的控制之下(它实际上是一个 Google API)。

我的简单尝试是来自Mozilla 的“使用 XMLHttpRequest”页面的代码。它从“发送”方法返回一个我不太了解的错误。

免责声明:我主要是一名 C/C++ 开发人员——从未做过任何严肃的 JS 编程,从未尝试过使用这些 API。

4

5 回答 5

3

XMLHttpRequest 实际上遵循更严格的相同域策略实现:虽然您可以设置 document.domain 属性以允许来自两个子域的 JavaScript 相互通信,但您不能使用 XMLHttpRequestObject 做到这一点。在你的情况下,去一个完全不同的域,你也不能用 JavaScript 做到这一点。

有几个选项。首先,您可以使用反向代理使外部站点看起来是您站点的子域。看看 Apache 的 mod_proxy,特别是 ProxyPassReverse

另一种选择是将数据作为 JSON 对象返回:<script src="foo"> 可以从任何它想要的地方检索它想要的任何数据。这样做的缺点是它不是(很容易)可重复的(就像来自同一页面的多个请求一样)。

我还建议您使用 Google 搜索“google mashups”。其中大部分位于“googlemashops.com”域上,这使得实施变得更加容易。一些人住在该领域之外,可能会给你一些想法。

编辑:而不是直接使用 XMLHttpRequest 对象,我建议通过第三方库,例如prototype.js

于 2008-12-25T13:24:05.577 回答
1

如果您尝试检索的 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 :)

于 2008-12-25T13:24:25.217 回答
1

您可以使用 JSONP 来执行此操作。我在这里使用 jQuery 和 PHP。基本上我使用 PHP 代理来包装 JSON 回复,以便 jQuery 可以处理它。它在BSD下。

于 2009-09-28T14:37:44.173 回答
0

或者尝试使用 IE8。如果您从磁盘而不是网站运行,IE8 将忽略所有正常的域限制并获取您想要的数据。

于 2009-09-28T14:24:34.317 回答
0

使用 jQuery(可能还有 XHR,但我尽量不直接使用它),您可以愉快地进行跨域请求,前提是您不指定不寻常的标头或非 GET 方法。如果您确实想使用这些,您必须控制服务器以启用 OPTIONS 请求。

有关详细信息,请参阅https://developer.mozilla.org/En/HTTP_access_control

于 2012-01-21T14:08:00.683 回答