Charger le fichier JSON en JavaScript

1. Utilisez la fonction require() pour charger des fichiers JSON en JavaScript
2. Utilisez la fonction fetch() pour charger des fichiers JSON en JavaScript

JSON signifie JavaScript Object Notion. Il est utilisé pour partager des données entre les serveurs et les clients. JavaScript nous permet de charger du JSON local.

Nous verrons comment charger les fichiers JSON dans cet article.

Nous allons lire le fichier JSON suivant.

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

Utilisez la fonction require() pour charger des fichiers JSON en JavaScript

En JavaScript, nous pouvons utiliser la méthode require() pour charger des fichiers et des modules. Cela prend le chemin du fichier local où il a été enregistré. A l’aide de la fonction console.log(), il charge les données dans le serveur et les affiche.

Par exemple,

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

Production:

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

Utilisez la fonction fetch() pour charger des fichiers JSON en JavaScript

Cette fonction récupère le fichier à partir du chemin où il est enregistré, puis renvoie le fichier en tant que réponse dans la console.data. Cette fonction ne convient que pour travailler dans l’environnement Web, car l’API fetch ne fonctionne que dans cet environnement.

Après avoir lu le fichier, nous analysons les données à l’aide de la fonction json() et les affichons.

Le code ci-dessous illustre la fonction ci-dessus.

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

Production:

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