Heim > Web-Frontend > js-Tutorial > Hauptteil

jQuery-Methodenanalyse zum Durchlaufen von json_jquery

WBOY
Freigeben: 2016-05-16 15:05:16
Original
1715 Leute haben es durchsucht

In diesem Artikel wird die jQuery-Methode zum Durchlaufen von JSON anhand von Beispielen analysiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Code kopieren Der Code lautet wie folgt:
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"]}

Ajax-Anfrage:

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

Nach dem Login kopieren

Der zurückgegebene Inhalt befindet sich in der Erfolgsfunktion und alle Durchlaufvorgänge werden hier ausgeführt:

for-Schleife:

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("数据有误~");
};

Nach dem Login kopieren

for in-Schleife:

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

Nach dem Login kopieren

Leser, die an weiteren jQuery-bezogenen Inhalten interessiert sind, können sich die speziellen Themen auf dieser Website ansehen: „Zusammenfassung der jQuery-Methode zum Betrieb von DOM-Knoten“, „Zusammenfassung der jQuery-Traversal-Algorithmen und Techniken", " Zusammenfassung der Fähigkeiten zur Bedienung von JQuery-Tabellen (Tabellen)", "Zusammenfassung der Drag-Effekte und Fähigkeiten von jQuery", "Zusammenfassung der Fähigkeiten der jQuery-Erweiterung" , „jQuery-Zusammenfassung gängiger klassischer Spezialeffekte“, „jQuery-Animations- und Spezialeffekt-Nutzungszusammenfassung“, „jQuery-Selektor-Nutzungszusammenfassung“ und „ Allgemeine jQuery-Plugins und Nutzungsübersicht

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der jQuery-Programmierung befassen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage