JavaScript - XMLHttpRequest, erreurs Access-Control-Allow-Origin

Je suis d'essayer d'envoyer un XMLHttpRequest pour obtenir une pâte site. Je suis l'envoi d'un objet contenant tous les champs de l'api nécessite, mais je reçois ce problème. J'ai lu sur la question, et j'ai pensé:

httpReq.setRequestHeader('Access-Control-Allow-Headers', '*');

Serait-il fixer,mais il n'a pas. Personne ne dispose d'aucune information sur cette erreur et/ou comment je peux résoudre ce problème?

Voici mon code:

(function () {

    'use strict';

    var httpReq = new XMLHttpRequest();
    var url = 'http://paste.ee/api';
    var fields = 'key=public&description=test&paste=this is a test paste&format=JSON';
    var fields2 = {key: 'public', description: 'test', paste: 'this is a test paste', format: 'JSON'};

    httpReq.open('POST', url, true);
    console.log('good');

    httpReq.setRequestHeader('Access-Control-Allow-Headers', '*');
    httpReq.setRequestHeader('Content-type', 'application/ecmascript');
    httpReq.setRequestHeader('Access-Control-Allow-Origin', '*');
    console.log('ok');

    httpReq.onreadystatechange = function () {
        console.log('test');
        if (httpReq.readyState === 4 && httpReq.status === 'success') {
            console.log('test');
            alert(httpReq.responseText);
        }
    };

    httpReq.send(fields2);

}());

Et ici est l'expression exacte de sortie de la console:

good
ok
Failed to load resource: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:40217' is therefore not allowed access. http://paste.ee/api
XMLHttpRequest cannot load http://paste.ee/api. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:40217' is therefore not allowed access. index.html:1
test

Ici est la sortie de la console quand je l'ai tester en local sur un régulier de Chrome navigateur:

good
ok
XMLHttpRequest cannot load http://paste.ee/api. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. index.html:1
test

source d'informationauteur Nik | 2014-02-08

  1. 26

    Je pense que vous avez manqué le point de contrôle d'accès.

    Un bref récapitulatif sur les raisons de la SCRO existe:
    Depuis code JS à partir d'un site web peut exécuter XHR, que le site pourrait potentiellement envoyer des demandes à d'autres sites, se faisant passer pour vous et l'exploitation de la confiance ces sites avez en vous(par exemple, si vous avez ouvert une session, un site malveillant pourrait tenter d'en extraire de l'information ou d'exécuter des actions que vous avez jamais voulu) - c'est une attaque CSRF. Pour l'en empêcher, les navigateurs web sont très strictes restrictions sur ce que les XHR vous pouvez envoyer - vous sont généralement limitée à votre domaine, et ainsi de suite.

    Maintenant, parfois, il est utile pour un site pour permettre à d'autres sites contacter - les sites qui fournissent des Api ou des services, comme celui que vous essayez d'accéder, seraient les premiers candidats. La SCRO a été développé pour permettre à Un site(par exemple,paste.ee) de dire "je fais confiance au site B, de sorte que vous pouvez envoyer XHR pour moi". Ceci est indiqué par le site de l'envoi "Access-Control-Allow-Origin" en-têtes dans ses réponses.

    Dans votre cas particulier, il semble que paste.ee n'est pas la peine d'utiliser de la SCRO. Votre meilleur pari est de contacter le propriétaire du site et de savoir pourquoi, si vous souhaitez utiliser paste.ee avec un navigateur de script. Sinon, vous pouvez essayer d'utiliser une extension(ceux-ci devraient avoir la plus XHR privilèges).

  2. 0

    J'ai eu le même problème.
    Les serveurs de logs a montré:

    DEBUG: <-- origin: null

    Je l'ai étudié, et il est apparu que ce n'est pas remplie lorsque j'ai été appelé à partir d'un fichier à partir du disque local. Quand j'ai copié le fichier sur le serveur et l'a utilisé à partir du serveur - la demande a fonctionné parfaitement bien