Maison > interface Web > js tutoriel > Comment puis-je lire et accéder aux données d'un fichier JSON local à l'aide de JavaScript ?

Comment puis-je lire et accéder aux données d'un fichier JSON local à l'aide de JavaScript ?

Susan Sarandon
Libérer: 2024-12-06 05:49:18
original
247 Les gens l'ont consulté

How Can I Read and Access Data from a Local JSON File Using JavaScript?

Lecture de fichiers JSON locaux externes en JavaScript : guide étape par étape

Supposons que vous souhaitiez accéder aux données stockées dans un fichier JSON local en utilisant JavaScript. Voici un guide complet pour résoudre votre problème :

Prérequis :

  • Vous disposez d'un fichier JSON nommé "test.json" enregistré sur votre système local.
  • Le chemin d'accès au fichier est "/Users/Documents/workspace/test.json".

Code étape par étape :

Créez un fichier data.json avec un contenu similaire comme votre exemple JSON. Ensuite, suivez ces étapes dans le fichier JavaScript :

  1. Importez le fichier JSON :
<script type="text/javascript" src="data.json"></script>
Copier après la connexion
  1. Récupérez le JSON Objet :
var myData = JSON.parse(data);
Copier après la connexion
  1. Accéder aux propriétés des données :

Pour accéder aux propriétés de données individuelles, utilisez la syntaxe suivante :

alert(myData[0].name); // Outputs "Ashwin"
alert(myData[0].age); // Outputs "20"
Copier après la connexion

Voici le code JavaScript complet :

<script type="text/javascript" src="data.json"></script>
Copier après la connexion

En suivant En suivant ces étapes, vous pouvez lire et accéder efficacement aux données d'un fichier JSON local externe à l'aide de JavaScript.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal