API Wikipedia + demandes d'origine croisée

J'essaye d'accéder à wikipédia à l'aide de javascript+De la SCRO

Pour autant que je sais, wikipédia devrait soutenir la SCRO: http://www.mediawiki.org/wiki/API:Cross-site_requests

J'ai essayé le script suivant: créer un XMLHttpRequest+d'informations d'identification/XDomainRequest, ajouter un peu de Http en-Têtes ( "Access-Control-Allow-Pouvoirs",...) et d'envoyer la requête.

http://jsfiddle.net/lindenb/Vr7RS/

var WikipediaCORS=
    {
    setMessage:function(msg)
        {
        var span=document.getElementById("id1");
        span.appendChild(document.createTextNode(msg));
        },
    //Create the XHR object.
    createCORSRequest:function(url)
        {
        var xhr = new XMLHttpRequest();


        if ("withCredentials" in xhr)
            {
            xhr.open("GET", url, true);
            }
        else if (typeof XDomainRequest != "undefined")
            {
            xhr = new XDomainRequest();
            xhr.open(method, url);
            }
        else
            {
            return null;
            }
        xhr.setRequestHeader("Access-Control-Allow-Credentials", "true");
        xhr.setRequestHeader("Access-Control-Allow-Origin","*");
        return xhr;
        },
    init:function()
        {
        var _this=this;
        var url = 'http://en.wikipedia.org/w/api.php?action=opensearch&search=Javascript&format=json';
        var xhr = this.createCORSRequest(url);
        if (!xhr)
            {
                this.setMessage('CORS not supported');
                return;
            }

        xhr.onload = function()
            {
                _this.setMessage(xhr.responseText);
            };
        xhr.onerror = function()
            {
                _this.setMessage('Woops, there was an error making the request.');
            };
        xhr.send();
        }
    };

Mais mon script ne marche pas ('xhr.onerror " est appelé). Comment puis-je résoudre ce problème ?

Grâce.

source d'informationauteur Pierre

6

De la SCRO envoi des en-têtes pour PERMETTRE à un requérant de script pour accéder au contenu.

Wikipédia est l'envoi de la SCRO, pas VOUS.

À partir de la page liée:

L'API MediaWiki exige également que l'origine être fourni comme un
les paramètres de la requête, le bien nommé "origine", qui est assortie d'
contre la en-tête d'Origine requis par la SCRO protocole. Notez que
cette en-tête doit être inclus dans tous les pré-vol à la demande, et devrait donc
être inclus dans la chaîne de requête de la partie de l'URI de la demande, même pour
Les requêtes POST.

Si l'origine de la SCRO vérifier passe, MediaWiki comprendra l'
Access-Control-Allow-Pouvoirs: la vraie tête dans la réponse, de sorte
les cookies d'authentification peuvent être envoyés.

Cela signifie que vous devez envoyer un Origin en-tête de à dire à wikipédia d'où vous venez. Wikipédia est la gestion de l'accès, pas vous.

Envoyer cette en-tête d'origine:
```
xhr.setRequestHeader("Origin", "http://www.yourpage.com");
```
Access-Control-Allow-* les en-têtes sont réponse en-têtes, pas demande en-têtes.

Wikipédia de plus, nécessite un type de contenu json:
```
xhr.setRequestHeader("Content-Type", "application/json; charset=UTF-8");
```
61

j'ai eu le même problème tout en travaillant sur un freeCodeCamp projet et de la solution était si simple ça m'a fait rire depuis que j'avais passé des heures à chercher pour cela. dans votre jquery url inclure le paramètre ci-dessous.

&origine=*

travail Codepen
```
$.getJSON("https://en.wikipedia.org/w/api.php?action=query&format=json&gsrlimit=15&generator=search&origin=*&gsrsearch=" + q, function(data){
```
12

À compter d'aujourd'hui, Wikipédia prend en charge la SCRO demandes en utilisant les requêtes ajax (pas besoin de JSONP/rappel de manipulation).
Cela peut être fait par la définition de l'origine dans l'appel d'API.

Pour les requêtes authentifiées, cela doit correspondre à l'un des l'un des "origines" dans l'en-tête d'Origine exactement (vous devez définir ce paramètre à l'aide de la beforeSend propriété tout en faisant un appel ajax).

Pour les demandes non-authentifié, vous pouvez simplement définir comme un astérisque (*), et il fonctionne lors de l'utilisation d'un simple $.getJSON à partir de votre domaine.
Exemple les appels de l'api:

https://en.wikipedia.org//w/api.php?action=opensearch&format=json&origin=*&search=stack&limit=10

Plus à l'API MediaWiki sandbox: MediaWiki API sandbox

Vous pouvez utiliser jQuery JSONP:

$.ajax( {
    url: "https://en.wikipedia.org/w/api.php",
    jsonp: "callback", 
    dataType: 'jsonp', 
    data: { 
        action: "query", 
        list: "search", 
        srsearch: "javascript", 
        format: "json" 
    },
    xhrFields: { withCredentials: true },
    success: function(response) { ... }
}

Vous devez vous connecter pour publier un commentaire.