Laden Sie die lokale JSON -Datei in Variable

Während der Programmierung in JavaScript kann es einige Fälle geben, in denen der Entwickler mehrere Funktionen integrieren muss, um ihnen eine Bedeutung hinzuzufügen. Dies hilft dabei. In solchen Szenarien ist das Laden einer lokalen JSON -Datei in eine Variable von großer Hilfe, um die Website hervorzuheben.

In diesem Blog werden die Ansätze zum Laden der lokalen JSON -Datei in eine Variable erörtert.

So laden Sie die lokale JSON -Datei in Variable?

Wenden Sie die folgenden Ansätze an, um die lokale JSON -Datei in eine Variable zu laden:

• “bringen()" Und "Dann()”Methoden.
• “erfordern”Modul.

Laden Sie die lokale JSON -Datei in eine Variable mit "Fetch" und "dann ()" -Methoden "

Der "bringen()Methode holt eine Ressource vom Server und die “abDann()Methode gibt ein Versprechen zurück, indem ich zwei Argumente einnehme, ich.e., Rückruffunktion für Erfolg und Misserfolg des Versprechens. Diese Ansätze können angewendet werden, um eine JSON -Datei abzurufen, auf ihre Daten zuzugreifen und sie zurückzugeben.

Syntax

dann (erfüllt, abgelehnt)

In der obigen Syntax:

• “erfüllt”Bezieht sich auf das erfüllte Versprechen.
• “abgelehnt”Entspricht dem abgelehnten Versprechen.

abrufen (Ressource)

In der oben gegebenen Syntax, “Ressource”Zeigt auf die jeweilige Ressource zum Abrufen.

Beispiel

Lassen Sie uns die folgenden JSON -Dateidaten durchlaufen:

"Mitarbeiter":[

"Name": "xyz", "Monat": "Dezember", "Ziel": "45", "erreicht": "36", "Ausstehend": "9"
,

"Name": "ABC", "Monat": "Dezember", "Ziel": "45", "erreicht": "54", "Ausstehend": "0"

]

Speichern Sie in der obigen Datei die angegebenen Daten in Form von “SchlüsselwertPaare.

Gehen wir nun mit dem untergegebenen JS-Code-Snippet weiter:

Nach dem obigen Code:

• Wenden Sie zunächst das anbringen()"Methode zum Abrufen der Diskussion"JSON" Datei.
• Im nächsten Schritt verbinden Sie die “Dann()Methode des Versprechensobjekts, das sich auf die Rückruffunktion für “beziehtErfolg", ich.e., Antwort.
• Geben Sie nun das entsprechende Versprechensobjekt zurück.
• Zuletzt beziehen Sie sich auf die enthaltenen Daten in der abgerufenen Datei und zeigen Sie sie auf der Konsole an.

Ausgang

In der obigen Ausgabe kann beobachtet werden, dass die JSON -Datei erfolgreich abgerufen wurde und die hinzugefügten Daten angezeigt werden.

Die gleiche Funktionalität kann auch erreicht werden, indem einfach die folgenden Codezeilen mit der "eingeben"erfordern”Modul:

const data = fordern ('./Mitarbeiter.json ');
Konsole.Logdaten);

Das ging alles darum, eine JSON -Datei mit JavaScript in eine Variable zu laden.

Abschluss

Um die lokale JSON -Datei in eine Variable zu laden, wenden Sie die Kombination an “an“bringen()" Und "Dann()"Methoden oder die"erfordern”Modul. Diese Ansätze können verwendet werden, um einfach die erstellte JSON -Datei zu laden, sich auf das erfüllte Versprechen zu beziehen und die enthaltenen Daten basierend darauf zurückzugeben. In diesem Artikel wurde die Ansätze zum Laden der lokalen JSON -Datei in eine Variable dargestellt.