使用 jQuery 的 MediaWiki API 没有响应

Question

我试图从维基百科获取一些 JSON 内容：

$.getJSON("http://en.wikipedia.org/w/api.php?action=query&prop=revisions&rvprop=content&titles="+title+"&format=json", function(data) {
    doSomethingWith(data);
});

但我没有得到任何回应。如果我粘贴到浏览器的地址栏，

http://en.wikipedia.org/w/api.php?action=query&prop=revisions&rvprop=content&titles=jQuery&format=json

我会得到预期的内容。怎么了？

Answer 1

您需要使用 $.getJSON() 触发 JSONP 行为在查询字符串上添加 &callback=?，如下所示：

$.getJSON("http://en.wikipedia.org/w/api.php?action=query&prop=revisions&rvprop=content&titles="+title+"&format=json&callback=?", function(data) {
    doSomethingWith(data);
});

您可以在此处进行测试< /a>.

如果不使用 JSONP，您将遇到 同源策略，它会阻止 XmlHttpRequest 获取任何数据后退。

Answer 2

正如其他答案所指出的，您正在发出跨域请求。

现在有效且他们都给出的一个答案是使用 JSONP 而不是 JSON，但还有另一种答案称为 CORS 跨源资源共享。

然而，尽管 MediaWiki 支持 CORS，但由于它与 Wikipedia 缓存工作方式之间的微妙之处，它尚未在 Wikipedia 上启用。

有一个开放的错误报告可以在维基百科中实现此功能：Enable $wgCrossSiteAJAXdomains for wikimedia网站。

解决此问题后，您将能够向维基百科发出跨域 AJAX 请求，而无需从支持 CORS 的浏览器使用 JSONP。所有主流浏览器的最新版本现在都支持 CORS。对于 Internet Explorer，这意味着没有多少人在运行版本 10。版本 9 有一个名为 xdomainrequest 的替代解决方案，该解决方案没有'没有获得太多人气。

Answer 3

如果您从另一个获取数据，则需要使用 getJSONP域，它是“同源策略”的一部分。

编辑

实际上正如 Nick 所说，在查询字符串末尾添加 &callback=? 来调用 getJSONP。

Answer 4

执行 CORS 请求而不是 JSONP 的一种选择是在请求 url 中显式包含参数 origin=*，例如：

var title = "jQuery";

$.getJSON("https://en.wikipedia.org/w/api.php?action=query&prop=revisions&rvprop=content&titles="+title+"&format=json&origin=*", function(data) {
    console.log(data.query.pages);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>