Maison > interface Web > js tutoriel > Analyse de la méthode jQuery de traversée de json_jquery

Analyse de la méthode jQuery de traversée de json_jquery

WBOY
Libérer: 2016-05-16 15:05:16
original
1743 Les gens l'ont consulté

Cet article analyse la méthode jQuery pour parcourir json à travers des exemples. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Copier le code Le code est le suivant :
var obj = {"status":1,"bkmsg": u6210u529f", "bkdata":["u5415u5c1au5fd7","1387580400","u6dfbu52a0u8bb0u5f55"]}{"status":1,"bkmsg":"u6210u529f","bkdata":["u5415u5c1au5fd7","1387580400 "," u6dfbu52a0u8bb0u5f55"] },{"status":1,"bkmsg":"u6210u529f","bkdata":["u5415u5c1au5fd7","1387580400","u4ec0u4e48u4e5fu6ca1u6709"]}

demande ajax :

$.ajax({
    url: '/path/to/file',
    type: 'GET',
    dataType: 'json',
    data: {param1: 'value1'},
    success: function (obj){
      //遍历obj
    }
})

Copier après la connexion

Le contenu renvoyé se trouve dans la fonction de réussite, et toutes les opérations de parcours sont effectuées ici :

pour la boucle :

var obj = {
    "status":1,
    "bkmsg":"\u6210\u529f",
    "bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"]
}
// console.log(obj.length);
if (obj.status == 1) {
    for (var i = 0; i < obj.bkdata.length; i++) {
      console.log(obj.bkdata[i]);
    };
}else{
    alert("数据有误~");
};

Copier après la connexion

pour en boucle :

//for in循环
  for(x in obj.bkdata){
    //x表示是下标,来指定变量,指定的变量可以是数组元素,也可以是对象的属性。
    console.log(obj.bkdata[x]);
  }
//元素 each方法
if (obj.status == 1) {
 $(obj.bkdata).each(function(index,item){
  //index指下标
  //item指代对应元素内容
  //this指代每一个元素对象
  //console.log(obj.bkdata[index]);
  console.log(item);
  //console.log($(this));
 });
}else{
 alert("数据有误~");
};
//jquery each方法
$.each( obj.bkdata, function(index,item){
    console.log(item);
});

Copier après la connexion

Les lecteurs intéressés par davantage de contenu lié à jQuery peuvent consulter les sujets spéciaux sur ce site : "Résumé de la méthode jQuery d'exploitation des nœuds DOM", "Résumé des algorithmes de traversée jQuery et techniques", " Résumé des compétences d'opération de table (table) JQuery", "Résumé des effets de glisser et des compétences jQuery", "Résumé des compétences d'extension jQuery" , "Résumé jQuery des effets spéciaux classiques courants", "Résumé de l'utilisation des animations et des effets spéciaux jQuery", "Résumé de l'utilisation du sélecteur jquery" et " Plug-ins communs jQuery et résumé d'utilisation

J'espère que cet article sera utile à tous ceux qui programment jQuery.

É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