Comment analyser JSON dans jquery_jquery

Ce que nous considérons, c'est que le serveur renvoie une chaîne sous forme JSON. Pour les objets JSON encapsulés par des plug-ins tels que JSONObject, il en va de même et ne sera pas expliqué ici.

Copier le code Le code est le suivant :

var data="
{
racine :
[
{nom : '1', valeur : '0'},
{nom : '6101', valeur : 'Xi'an City'},
{nom : '6102', valeur : 'Ville de Tongchuan'},
{nom : '6103', valeur : 'Baoji City'},
{nom : '6104', valeur : 'Ville de Xianyang'},
{nom : '6105', valeur : 'Weinan City'},
{nom : '6106', valeur : 'Yan'an City'},
{nom : '6107', valeur : 'Hanzhong City'},
{nom : '6108', valeur : 'Yulin City'},
{nom : '6109', valeur : 'Ankang City'},
{nom : '6110', valeur : 'Shangluo City'}
]
}";

Sur la base des types de données obtenus de manière asynchrone par jquery - objets et chaînes json, nous introduisons ici les méthodes de traitement des résultats obtenus des deux manières.

1. Pour la chaîne JSON renvoyée par le serveur, si la requête asynchrone jquery n'a pas de description de type ou est acceptée comme chaîne, alors elle doit être objectivée. mettre la chaîne dans eval() est exécuté une fois. Cette méthode convient également pour obtenir des objets json à l'aide d'un javascipt ordinaire. Voici un exemple :

.

Copier le code Le code est le suivant :

var dataObj=eval("(" data ")");//Convertir en objet json
alert(dataObj.root.length);//Afficher le nombre de sous-objets de root
$.each(dataObj.root,fucntion(idx,item){
si(idx==0){
renvoie vrai ;
>
//Affiche le nom et la valeur de chaque sous-objet racine
alert("nom :" élément.nom ", valeur :" élément.valeur
); })

Remarque : pour que les js généraux génèrent des objets json, il vous suffit de remplacer la méthode $.each() par une instruction for, et les autres restent inchangées.

2. Pour la chaîne JSON renvoyée par le serveur, si la requête asynchrone jquery définit le type (généralement cet attribut de configuration) sur "json", ou utilise la méthode $.getJSON() pour obtenir le retour du serveur, alors là Il n'est pas nécessaire d'utiliser la méthode eval(), car le résultat obtenu à ce moment est déjà un objet json, il vous suffit d'appeler directement l'objet. Ici, la méthode $.getJSON est utilisée comme exemple pour illustrer la méthode de traitement des données :

Copier le code Le code est le suivant :

$.getJSON("http://user.qzone.qq.com/2227211070",{param:"gaoyusi"},function(data){
//Les données renvoyées ici sont déjà un objet json
//Les autres opérations ci-dessous sont les mêmes que dans le premier cas
$.each(data.root,function(idx,item){
si(idx==0){
return true;//Identique à countinue, return false identique à break
>
alert("nom :" élément.nom ", valeur :" élément.valeur);
});
});

Ce qui précède représente l'intégralité du contenu de cet article sur l'analyse jQuery de json. J'espère que vous l'aimerez.