<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>json数据的遍历</title>
<script src="http://jt.875.cn/js/jquery.js"></script>
<script>
$(function () {
//$.each(array,fn)对数组arry每个元素调用fn函数进行处理，没有返回值
var arr = { "tom": "汤姆", "jerry": "杰瑞", "lily": "莉莉" };
//json格式的对象(dict)
$.each(arr, function (key, value) {
alert(key + ":" + value);
});
//如果是普通风格的数组，则key的值是序号。
var tbody = "";
//------------遍历对象 .each的使用-------------
//对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式，必须保证JSON的格式要求，回调的对象必须使用eval函数进行转化（否则将得不到Object）。本文不作详细介绍服务器端回调的数据问题，我们将直接自定义对象)
var obj = [{ "name": "项海军", "password": "123456"},{ "name": "聪聪", "password": "123456"}];
$("#result").html("------------遍历对象 .each的使用-------------");
//alert(obj); //是个object元素
// 下面使用each进行遍历
$.each(obj, function (n, value) {
//alert(n + ' ' + value);
var trs = "";
trs += "<tr><td>" + value.name + "</td> <td>" + value.password + "</td></tr>";
tbody += trs;
});
//下面使用for进行遍历
/*for( var i in obj ){
var trs = "";
trs += "<tr><td>" + obj[i].name + "</td> <td>" + obj[i].password + "</td></tr>";
tbody += trs;
}
*/
/*
for( var i in obj ){
for(var k in obj[i]){
var tds = "";
tds += "<td>" + obj[i][k] + "</td>";
tbody += "<tr>"+ tds +"</tr>";
}
}*/
$("#project").append(tbody);
});
</script>
</head>
<body>
<div id="result"></div>
<div id="project"></div>
</body>
</html>josn 数据的遍历
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
由浅入深在实践中玩转Zabbix，解决剩下20%的监控需求！
本文整理自Zabbix中級認證專家李銘栓（滿分學員）在Zabbix Meetup廣州站的演講。 掌握這幾種監控方式解決80%的監控問題，剩下的20%如何實現？這裏有答案！ 幾點經驗分享： 1