Maison > interface Web > js tutoriel > jquery analyse un exemple de données JSON code_jquery

jquery analyse un exemple de données JSON code_jquery

WBOY
Libérer: 2016-05-16 16:55:21
original
1022 Les gens l'ont consulté

Ici vous pouvez trouver le code de json.js, et plus tard vous aurez besoin du code de formutil.js et MD5.js

Utilisez jquery pour analyser les données JSON, en tant qu'objet de transmission de la requête asynchrone jquery, le résultat est renvoyé une fois que la requête jquery est un objet json, ce qui est considéré ici est la forme de chaîne renvoyée par le serveur sous forme JSON. Pour les objets JSON encapsulés par des plug-ins tels que JSONObject, elle est similaire à celle-ci et ne sera pas expliquée ici.
Le jeu de chaînes JSON est d'abord donné ici. Le jeu de chaînes est le suivant :
Le code est le suivant :

Copier le code Codez comme suit :

var data="
{
racine :
[
{name:'1',value:'0'} ,
{name :'6101',value :'Beijing City'},
{name:'6102',value :'Tianjin City'},
{name:'6103',value:' Ville de Shanghai'},
{nom : '6104', valeur : 'Ville de Chongqing'},
{nom : '6105', valeur : 'Ville de Weinan'},
{nom : '6106' ,value :'Yan'an City '},
{name:'6107',value:'Hanzhong City'},
{name:'6108',value:'Yulin City'},
{nom:'6109',valeur :'Ankang City'},
{nom:'6110',valeur:'Shangluo City'}
]
}";

Les données obtenues de manière asynchrone avec jquery Sur la base du type - objet json et chaîne, les méthodes de traitement des résultats obtenues par les deux méthodes sont présentées respectivement.
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 dans la méthode javascipt ordinaire. Voici un exemple :
Copier le code Le code est. comme suit :

var dataObj=eval("(" data ")");//Convertir en objet json
alert(dataObj.root.length);//Sortir le nombre de objets enfants de root
$. each(dataObj.root,fucntion(idx,item){
if(idx==0){
return true;
}
//Sortie du nom et valeur de chaque sous-objet racine
alert("name:" item.name ",value:" item.value);
})

Remarque : pour les js généraux pour générer des objets json, seulement $. Remplacez simplement la méthode each() par une instruction for et laissez tout le reste inchangé.
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:// www.phpzixue.cn/",{param:"gaoyusi"} ,function(data){
//Les données renvoyées ici sont déjà un objet json
//Les autres opérations suivantes sont les mêmes que la première case
$.each(data.root,function(idx,item) {
if(idx==0){
return true;//Identique à countinue, renvoie false de la même manière que break
}
alert("name:" item.name ",value:" item. value
});
});

Ce qui nécessite une attention particulière ici. est que la méthode eval() de la méthode 1 exécute dynamiquement la chaîne (éventuellement un script js). Oui, cela peut facilement causer des problèmes de sécurité du système. Par conséquent, vous pouvez utiliser certaines bibliothèques de scripts client tierces qui contournent eval(). Par exemple, JSON en JavaScript fournit une bibliothèque de scripts ne dépassant pas 3 Ko.
Étiquettes associées:
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal