Laden einer JSON-Datei in JavaScript

1. Verwenden die Funktion require(), um JSON-Dateien in JavaScript zu laden
2. Verwenden die Funktion fetch(), um JSON-Dateien in JavaScript zu laden

JSON steht für JavaScript Object Notion. Es wird für den Datenaustausch zwischen Servern und Clients verwendet. JavaScript ermöglicht es uns, lokales JSON zu laden.

In diesem Artikel besprechen wir, wie JSON-Dateien geladen werden.

Wir werden die folgende JSON-Datei lesen.

"Students" : [
   {
      "firstName":"Ram","lastName":"Sharma"
   }
 ]
}

Verwenden die Funktion require(), um JSON-Dateien in JavaScript zu laden

In JavaScript können wir die Methode require() verwenden, um Dateien und Module zu laden. Dies nimmt den Pfad der lokalen Datei, in der sie gespeichert wurde. Mit Hilfe der Funktion console.log() lädt es die Daten in den Server und zeigt sie an.

Zum Beispiel,

const jsonData = require('./students.json');
console.log(jsonData);

Ausgabe:

"Students" : [
   {
      "firstName":"Ram","lastName":"Sharma"
   }
 ]
}

Verwenden die Funktion fetch(), um JSON-Dateien in JavaScript zu laden

Diese Funktion holt die Datei aus dem Pfad, in dem sie gespeichert ist und gibt die Datei dann als Antwort in der console.data zurück. Diese Funktion ist nur für die Arbeit in der webbasierten Umgebung geeignet, da die Abruf-API nur in dieser Umgebung funktioniert.

Nachdem wir die Datei gelesen haben, parsen wir die Daten mit der Funktion json() und zeigen sie an.

Der folgende Code demonstriert die obige Funktion.

fetch('./students.json')
    .then(response => {
      return response.json();
    })
    .then(jsondata => console.log(jsondata));

Ausgabe:

"Students" : [
   {
      "firstName":"Ram","lastName":"Sharma"
   }
 ]
}