No response from MediaWiki API using jQuery

Viewed 15518

I've tried to get some content from Wikipedia as JSON:

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

But I got nothing in response. If I paste to the browser's adress bar, something like

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

I get the expected content. What's wrong?

4 Answers

As the other answers point out, you are making a cross-domain request.

The one answer which works now and which they have both given is to use JSONP instead of JSON, but there is another answer called CORS Cross-origin resource sharing.

However, even though CORS is supported by MediaWiki, it is not yet enabled on Wikipedia due to subtleties between it and how Wikipedia's caching works.

There is an open bug report to get this working in Wikipedia: Enable $wgCrossSiteAJAXdomains for wikimedia sites.

Once this is resolved you will be able to make cross-domain AJAX requests to Wikipedia without needing JSONP from browsers which support CORS. The latest versions of all the major browsers now support CORS. For Internet Explorer that means version 10 which not many people are running. Version 9 has an alternative solution called which didn't gain much popularity.

Related