0

我被要求从 xml 提要中获取一些“数据”并将其添加到我在服务器上托管的页面中。我想我会使用 jQuery Ajax api——我得到了这个错误。 

XMLHttpRequest cannot load .../3.atom. Origin http://myserver.com is not allowed by Access-Control-Allow-Origin.

我需要向某人请求访问权限吗？有什么我可以添加到我的请求中的吗？我已经阅读了有关 CORS 的内容，在这种情况下我应该使用该服务吗？

这是我目前的代码。

var feedUrl = "http://www.holmanreviews.com/audi-pembroke-pines/3.atom";
var content;

$.ajax({
    type: "GET",
    url: feedUrl,
    dataType: "xml",
    crossDomain: true,
    success: function (xml) {
        $(xml).find('entry').each(function () {
            var $this = $(this);
            var id = $this.attr('id');
            content += id;
        });
    }
});

$('#feed').append(content);

我这里也有一个 JS Fiddle。http://jsfiddle.net/rsturim/6nsyX/

如果你能提供帮助，我会喜欢这方面的一些背景知识——非常感谢。

4

3 回答 3

2

您可能需要设置服务器端代理才能访问此数据。

CORS 不起作用，因为您无法控制服务器。

JSON-P 不起作用，因为服务器似乎不接受“回调”参数。我通过将“？callback = foo”附加到您的请求网址来测试这一点，这并没有改变响应。他们的 API 可能支持回调参数的其他名称，但如果不查看他们的 API 的任何文档，很难知道。

于 2013-01-09T14:43:16.623 回答
1

您正确地提出了请求，但远程站点需要支持 CORS，而您收到的错误意味着它不支持它。

由于它是 Atom 提要，远程站点支持 JSONP 的可能性可能不大，因此最好的方法是使用代理。您可以使用 Yahoo 的 YQL 来获取 XML 或 JSON，而不是自己滚动。YQL 确实支持 CORS，所以你可以得到任何一个。

XML:

http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20xml%20where%20url%3D%22http%3A%2F%2Fwww.holmanreviews.com%2Faudi-pembroke-pines%2F3.atom%22%20and%20itemPath%3D%22feed.entry%22&format=xml

JSON：

http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20xml%20where%20url%3D%22http%3A%2F%2Fwww.holmanreviews.com%2Faudi-pembroke-pines%2F3.atom%22%20and%20itemPath%3D%22feed.entry%22&format=json

XML 将直接为您提供您将从该站点获得的内容，但使用 JavaScript 解析 XML 并没有什么乐趣，因此我强烈建议使用 JSON。（您也可以获得 JSONP，但支持 CORS 的 JSON 更好。）

从您的代码中，我很确定您能够从基本 URL 构建这些 URL，因此我将把它作为练习（-;

哦，如果你真的需要支持早于 10 的 Internet Explorer 版本，或者任何其他不支持 CORS 的浏览器，那么当浏览器支持 CORS 和 JSONP 时，这里有一个简洁的方法：

dataType: $.support.cors ? "json" : "jsonp"
于 2013-01-09T15:31:26.580 回答
0

为此，您必须使用 JSONP。打破同源政策是一个很好的技巧。这是非常危险的，因此您必须信任数据的提供者。

在您的请求配置中使用相关的数据类型：

dataType: "xml"

此外，您的提要需要支持 JSONP。这意味着，如果请求 URL 以 callback=? 之类的查询为后缀，则响应必须包装在 Javascript 函数中，并且引号需要转义：

callback("<your-xml>...</your-xml>");

这是 JSONP 的基本思想。如果您想了解为什么必须这样，请查看 Wikipedia 文章，例如：JSONP

于 2013-01-08T21:57:34.977 回答