Comment lire un fichier JSON local externe en JavaScript ?

J'ai enregistré un fichier JSON dans mon système local et créé un fichier JavaScript afin de lire le fichier JSON et d'imprimer les données. Voici le fichier JSON :

{"resource":"A","literals":["B","C","D"]}

Disons que le chemin du fichier JSON est le suivant : /Utilisateurs/Documents/workspace/test.json.

Quelqu'un pourrait-il m'aider à écrire un simple morceau de code pour lire le fichier JSON et imprimer les données qu'il contient en JavaScript ?

Solution

Vous ne pouvez pas faire un appel AJAX à une ressource locale car la demande est faite en utilisant HTTP.

Une solution de contournement consiste à exécuter un serveur web local, à servir le fichier et à effectuer l'appel AJAX vers l'hôte local.

Pour vous aider à écrire du code pour lire JSON, vous devriez lire la documentation de jQuery.getJSON() :

http://api.jquery.com/jQuery.getJSON/

Commentaires (14)

En fonction de votre navigateur, vous pouvez accéder à vos fichiers locaux. Mais cela peut ne pas fonctionner pour tous les utilisateurs de votre application.

Pour ce faire, vous pouvez essayer les instructions d'ici : http://www.html5rocks.com/en/tutorials/file/dndfiles/

Une fois que votre fichier est chargé, vous pouvez récupérer les données en utilisant :

var jsonData = JSON.parse(theTextContentOfMyFile);
Commentaires (0)

Si vous disposez d'un serveur web local (comme [Chris P][1] l'a suggéré ci-dessus), et si vous pouvez utiliser jQuery, vous pouvez essayer http://api.jquery.com/jQuery.getJSON/.

[1] : https://stackoverflow.com/users/2835541/chris-p

Commentaires (0)