Maison > interface Web > js tutoriel > le corps du texte

Exemple de récupération de données à partir de JSON à l'aide des compétences Loop ou If Statement_Javascript

WBOY
Libérer: 2016-05-16 16:39:24
original
1347 Les gens l'ont consulté

Premièrement, par exemple, les données json sont écrites comme suit :

{"head": [ 
{"text":"广州","id":"广州","pid":"广东省"}, 
{"text":"郑州","id":"郑州","pid":"河南省"}], 
}
Copier après la connexion

Comme ci-dessus, si vous souhaitez extraire les données id et pid dans l'ordre, vous ne pouvez utiliser qu'une boucle. Le code est le suivant :

var head_id = ""; 
var head_pid = ""; 
for (var i = 0; i < data.head.length; i++) { 
head_id += data.head[i].id + " "; //循环输出json数据 
head_pid += data.head[i].pid + " "; 
} 
$("#city").append("city:" + head_id); 
$("#city").append("province:" + head_pid);
Copier après la connexion

De cette façon, les données en json seront sorties séquentiellement après les données.

Si vous souhaitez effectuer une sortie sélective, vous devez ajouter une condition if. Le code est le suivant :

for (var i = 0; i < data.head.length; i++) { 
if (data.head[i].pid == "河南省") { //有选择的输出json数据 
head_pid += data.head[i].pid; 
} 
}
Copier après la connexion

Il convient de noter que s'il existe plusieurs ensembles de données dans l'objet, data.head.id n'est pas défini car il n'y a aucune indication de quel ensemble de données il s'agit, comme data.head[0].id. S'il n'y a qu'un seul ensemble de données dans l'objet, les données du groupe peuvent être sorties directement à l'aide de data.head.id.

De plus, si les données json appelées sont tronquées en chinois, d'une part, vérifiez le code jquery appelé par json, d'autre part, il peut s'agir d'un problème avec le fichier dans lequel se trouvent les données json écrit.

Ce qui précède est un petit apprentissage de l'auto-apprentissage de JSON, enregistrez-le.

(Remarque : lorsqu'il y a plusieurs données dans l'objet, utilisez-le directement) (Remarque : lorsqu'il y a plusieurs données dans l'objet, utilisez-le directement)

É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