本文摘自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 元素不可用怎么设置
jQuery如何判断鼠标是否在某个元素内
jQuery怎么删除html元素
浅谈jQuery中将类数组对象转换为数组对象的方法
jQuery url中文乱码怎么办
jQuery如何获取文字的宽度?方法介绍
$.cookie is not a function
jQuery怎么比较两个数字大小
jQuery怎么判断元素是否绑定了事件
jQuery如何判断滚动条是否到底部
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » JQuery怎么遍历json数组