jquery 如何遍历json 方法规结

最新推荐文章于 2022-09-20 09:41:37 发布

原创最新推荐文章于 2022-09-20 09:41:37 发布 · 514 阅读

0 ·

CC 4.0 BY-SA版权

web前端同时被 3 个专栏收录

12 篇文章

订阅专栏

jQuery

10 篇文章

订阅专栏

javascript

9 篇文章

订阅专栏

本文介绍了使用jQuery进行数据处理的方法，包括遍历JSON对象、发送AJAX请求获取数据及根据数据动态创建表格等实用技巧。

//7.1 jquery each方法
var obj = {"status":1,"bkmsg":"\u6210\u529f","bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"]}{"status":1,"bkmsg":"\u6210\u529f","bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"]},{"status":1,"bkmsg":"\u6210\u529f","bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u4ec0\u4e48\u4e5f\u6ca1\u6709"]}
$.each( obj.bkdata, function(index,item){
console.log(item);
});
//7.2 ajax请求：
$.ajax({
url: '/path/to/file',
type: 'GET',
dataType: 'json',
data: {param1: 'value1'},
success: function (obj){
//遍历obj 返回的内容在success的函数里面，所有的遍历操作都是在这里面操作的：
}
});

//7.3 jquery遍历解析json对象1：
var json = [{ dd: 'SB', AA: '东东', re1: 123 }, { cccc: 'dd', lk: '1qw' } ];
for (var i = 0; i < json.length; i++) {
for (var key in json[i]) {
alert(key + ':' + json[i][key]);
}
}
//7.4遍历创建table
//创建 table
function tableCtrl(obj, valueObj) {
$.each(valueObj.childColumns, function (index, item) {
var table = $("<table style=\"width:200px;;\"border=\"1\"></table>").appendTo(obj);
var tr = $("<tr></tr>").appendTo(table);
for (var key in item) {
$("<td>" + item[key] + "</td>").appendTo(tr);
}
});
var table = $("<table style=\"width:200px;;\"border=\"1\"></table>").appendTo(obj);
for (var i = 0; i < valueObj.childColumns.length; i++) {
var tr = $("<tr></tr>").appendTo(table);
for (var key in valueObj.childColumns[i]) {
$("<td>" + valueObj.childColumns[i][key] + "</td>").appendTo(tr);
}
}
}