Comment utiliser JSON

L'utilisation de json est très importante pour js. Cet article expliquera l'utilisation de json.

Convertir le texte JSON en JavaScript Objet

L'une des utilisations les plus courantes de JSON est de lire des données JSON à partir d'un serveur Web (sous forme de fichier ou en tant que HttpRequest), convertissez les données JSON en un objet JavaScript, puis utilisez les données dans la page Web.

Pour vous l'expliquer plus simplement, nous utilisons des chaînes comme entrée pour la démonstration (au lieu de fichiers).

Instance JSON - un objet à partir d'une chaîne

Créez une chaîne JavaScript contenant la syntaxe JSON :

var txt = '{ "employees" : [' +
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"George" , "lastName":"Bush" },' +
'{ "firstName":"Thomas" , "lastName":"Carter" } ]}';

La syntaxe JSON étant un sous-ensemble de la syntaxe JavaScript, JavaScript La fonction eval() peut être utilisée pour convertir du texte JSON en un objet JavaScript. La fonction

eval() utilise le compilateur JavaScript pour analyser le texte JSON puis générer des objets JavaScript. Le texte doit être mis entre parenthèses pour éviter les Erreurs de syntaxe :

var obj = eval ("(" + txt + ")") ;

Utiliser JavaScript objets dans les pages Web :

Exemples

<p>
First Name: <span id="fname"></span><br />
Last Name: <span id="lname"></span><br />
</p>
<script type="text/javascript">
document.getElementById("fname").innerHTML = obj.employees[1].firstName
document.getElementById("lname").innerHTML = obj.employees[1].lastName
</script>

Cet article fournit des explications pertinentes sur l'utilisation de json. Pour plus de matériel d'apprentissage, veuillez faire attention au site Web PHP chinois Disponible pour consultation.

Recommandations associées :

Comprendre la syntaxe pertinente de json

Compréhension préliminaire de JSON

En savoir plus sur les filtres PHP

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!