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

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

WBOY
WBOYoriginal
2016-05-16 16:39:241311parcourir

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

{"head": [ 
{"text":"广州","id":"广州","pid":"广东省"}, 
{"text":"郑州","id":"郑州","pid":"河南省"}], 
}

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);

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; 
} 
}

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)

Déclaration:
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