Wie kann ich externe JSON-Dateien in JavaScript lesen?

Externe JSON-Dateien in JavaScript lesen

Dieser Artikel bietet eine umfassende Anleitung zum Lesen einer externen lokalen JSON-Datei in JavaScript. Das bereitgestellte Codebeispiel enthält sowohl die JSON-Datei als auch den JavaScript-Code, um Ihnen zu helfen, den Prozess effektiv zu verstehen.

Code-Implementierung:

1. Erstellen Sie eine JSON-Datei:

Speichern Sie die folgenden Daten in einer Datei mit dem Namen test.json:

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

2. JavaScript-Code:

// Get the path to the JSON file
const filePath = "/Users/Documents/workspace/test.json";

// Fetch the JSON file and store it in a variable
fetch(filePath)
  .then(response => response.json())
  .then(data => {
    // Print the resource
    console.log(data.resource);

    // Iterate and print the literals
    for (let literal of data.literals) {
      console.log(literal);
    }
  });

3. Ausführen des Codes:

Angenommen, die JSON-Datei und die JavaScript-Datei befinden sich im selben Ordner, öffnen Sie ein Terminalfenster und navigieren Sie zu diesem Ordner. Führen Sie dann den folgenden Befehl aus:

node your_javascript_file.js

Dies sollte Folgendes ausgeben:

A
B
C
D

Das obige ist der detaillierte Inhalt vonWie kann ich externe JSON-Dateien in JavaScript lesen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!