Brak reakcji MediaWiki API za pomocą jQuery

Question

Próbowałem trochę treści z Wikipedii jako JSON:

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

Ale mam nic w odpowiedzi. Gdybym wklej do paska adresu przeglądarki, coś

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

uzyskać oczekiwaną zawartość. Co jest nie tak?

Answer 1

Trzeba wyzwolić zachowanie jsonp z $.getJSON() dodając &callback=? na kwerendy, tak:

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

You can test it here.

Bez użycia JSONP uderza się w same-origin policy, który blokuje XmlHttpRequest przed odzyskaniem jakichkolwiek danych.

Answer 2

Musisz użyć , jeśli otrzymujesz dane z innej domeny, jest to część "same origin policy".

EDIT

Właściwie co powiedział Nick, slap &callback=? na końcu łańcucha zapytania powołać getJSONP.

Answer 3

Jak wskazują inne odpowiedzi, wysyłasz zapytanie między domenami.

Jedna odpowiedź, która działa teraz, a które mają zarówno biorąc pod uwagę jest użycie JSONP zamiast JSON, ale istnieje inna odpowiedź nazywa CORSCross-origin resource sharing.

Pomimo tego, że CORS jest obsługiwany przez MediaWiki, nie jest on jeszcze włączony w Wikipedii ze względu na subtelności między tym mechanizmem a buforowaniem Wikipedii.

Istnieje otwarty raport o błędzie, aby to działało w Wikipedii: Enable $wgCrossSiteAJAXdomains for wikimedia sites.

Po jego rozwiązaniu będziesz mógł wysyłać żądania AJAX z różnych domen do Wikipedii bez potrzeby korzystania z JSONP z przeglądarek obsługujących CORS. Najnowsze wersje wszystkich głównych przeglądarek obsługują teraz CORS. W przypadku Internet Explorera oznacza to wersję 10, na którą niewiele osób pracuje. Wersja 9 ma alternatywne rozwiązanie o nazwie xdomainrequest, które nie zyskało zbyt dużej popularności.

Answer 4

Jedną z opcji, aby wykonać CORS żądanie zamiast jsonp jest jawnie zawierać parametr origin=* w adresie URL żądania, na przykład:

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>