Home > Article > Web Front-end > jQuery method analysis of traversing json_jquery
This article analyzes the jQuery method of traversing json through examples. Share it with everyone for your reference, the details are as follows:
ajax request:
$.ajax({ url: '/path/to/file', type: 'GET', dataType: 'json', data: {param1: 'value1'}, success: function (obj){ //遍历obj } })
The returned content is in the success function, and all traversal operations are performed here:
for loop:
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 loop:
//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); });
Readers who are interested in more jQuery-related content can check out the special topics on this site: "Summary of jQuery's method of operating DOM nodes", "Summary of jQuery traversal algorithms and techniques", " JQuery table (table) operation skills summary", "jQuery drag effects and skills summary", "jQuery extension skills summary", "jQuery Summary of common classic special effects", "jQuery animation and special effects usage summary", "jquery selector usage summary" and "jQuery common plug-ins and usage summary》
I hope this article will be helpful to everyone in jQuery programming.