Heim > Artikel > Web-Frontend > jQuery-Methodenanalyse zum Durchlaufen von json_jquery
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:
Ajax-Anfrage:
$.ajax({ url: '/path/to/file', type: 'GET', dataType: 'json', data: {param1: 'value1'}, success: function (obj){ //遍历obj } })
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("数据有误~"); };
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); });
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.