XMLHttpRequest ne peut pas charger le fichier: // … Origin null n'est pas autorisé par Access-Control-Allow-Origin

Je vois que la question ci-dessus a été posée plus tôt, mais même après les référer, je n'ai pas pu trouver un moyen pour moi, d'où j'ai pris la liberté de commencer un nouveau poste pour cette question.

J'ai un fichier getjson.html contenant le code suivant

<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $.getJSON("json_data.txt",function(result){ $.each(result, function(i, field){ $("div").append(field + " "); }); }); }); }); </script> </head> <body> <button>Get JSON data</button> <div></div> </body> </html> 

Le json_data.txt contient les éléments suivants,

 { "firstName": "John", "lastName": "Doe", "age": 25 } 

Lorsque j'ouvre le fichier getjson.html dans le navigateur, cela donne une erreur:

"XMLHttpRequest ne peut pas charger le fichier: // ….. Origin null n'est pas autorisé par Access-Control-Allow-Origin."

Quelqu'un Suggérez une solution simple à propos de la façon dont je pourrais rendre cette chose possible.

PS: J'écris une application web sur go.

Vous ouvrez directement un fichier HTML? Le fichier doit être placé sur un serveur Web puis exécuté. Normalement, les navigateurs ne permettent pas le file:/// protocole pour les appels AJAX pour des raisons de sécurité.

Je lis votre problème un peu tard (printemps 2013) et je pense avoir trouvé une solution à la limitation de CORS XHR cross-domain dans un fichier: // context!

J'ai mis cet en-tête sur mon script php distant:

 header('Access-Control-Allow-Origin: '.$_SERVER['HTTP_ORIGIN']); 

Et ça semble fonctionner! Plus d'explications ici: Rannpháirtí anaithnid / CORS

Cela peut-il fonctionner sur une application "gap de téléphone" au lieu d'utiliser jquery et jsonp?