Wie liest man eine externe lokale JSON-Datei in JavaScript?

Ich habe eine JSON-Datei in meinem lokalen System gespeichert und eine JavaScript-Datei erstellt, um die JSON-Datei zu lesen und Daten auszugeben. Hier ist die JSON-Datei:

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

Der Pfad der JSON-Datei sieht folgendermaßen aus: /Benutzer/Dokumente/Arbeitsbereich/test.json.

Könnte mir jemand helfen, einen einfachen Code zu schreiben, um die JSON-Datei zu lesen und die Daten darin in JavaScript zu drucken?

user2864315
Bearbeitete Frage 14. Juli 2019 в 5:34
Programmierung
javascript json
31. Oktober 2013 в 12:03
34 Aufrufe
Lösung

Ein AJAX-Aufruf an eine lokale Ressource ist nicht möglich, da die Anfrage über HTTP gestellt wird.

Ein Workaround besteht darin, einen lokalen Webserver auszuführen, die Datei bereitzustellen und den AJAX-Aufruf an localhost zu tätigen.

Um Ihnen beim Schreiben von Code zum Lesen von JSON zu helfen, sollten Sie die Dokumentation für "jQuery.getJSON()" lesen:

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

Kommentare (14)

Abhängig von Ihrem Browser können Sie auf Ihre lokalen Dateien zugreifen. Dies funktioniert jedoch möglicherweise nicht für alle Benutzer Ihrer Anwendung.

Um dies zu tun, können Sie die Anweisungen von hier versuchen: http://www.html5rocks.com/en/tutorials/file/dndfiles/

Sobald Ihre Datei geladen ist, können Sie die Daten mit abrufen:

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

Wenn Sie einen lokalen Webserver betreiben könnten (wie Chris P oben vorgeschlagen hat), und wenn Sie jQuery verwenden könnten, könnten Sie http://api.jquery.com/jQuery.getJSON/ ausprobieren.

Community
Bearbeitete Antwort 23. Mai 2017 в 11:47
Kommentare (0)