本文摘自PHP中文网,作者coldplay.xixi,侵删。
JQuery遍历json数组的方法:1、使用each遍历,代码为【$.each(obj, function (n, value) {alert(n + ''】;2、jquery遍历解析json对象1,代码为【for(var key in】。
本教程操作环境:windows7系统、jquery3.2.1版本,Dell G3电脑。
推荐:jquery视频教程
JQuery遍历json数组的方法:
一、使用each遍历
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | $( function () {
var tbody = "" ;
var obj = [{ "name" : "项海军" , "password" : "123456" }];
$( "#result" ).html( "------------遍历对象 .each的使用-------------" );
alert(obj);
$.each(obj, function (n, value) {
alert(n + ' ' + value);
var trs = "" ;
trs += "<tr><td>" + value.name + "</td> <td>" + value.password + "</td></tr>" ;
tbody += trs;
});
$( "#project" ).append(tbody);
});
|
二、jquery遍历解析json对象1:
1 2 3 4 5 6 | var json = [{dd: 'SB' ,AA: '东东' ,re1:123},{cccc: 'dd' ,lk: '1qw' }];
for ( var i=0,l=json.length;i<l;i++){
for ( var key in json[i]){
alert(key+ ':' +json[i][key]);
}
}
|
三、jquery遍历解析json对象2
有如下 json对象:
1 2 3 4 5 6 | var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};
遍历方法:
for ( var p in obj){
str = str+obj[p]+ ',' ;
return str;
}
|
相关免费学习推荐:js视频教程
以上就是JQuery怎么遍历json数组的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
jQuery如何判断 input type="file"上传文件是否为空
jQuery如何判断是否是ie6浏览器
jQuery怎么禁用a标签
jQuery框架是什么?
jQuery不等于属性选择器是什么
怎么判断jQuery div是否为空
jQuery怎么判断对象是否为空
jQuery怎么判断id是否存在
jQuery如何判断数组包含指定元素
jQuery如何判断某个标签id是否存在
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » JQuery怎么遍历json数组