4.JSON官方的转换方式：
http://www.json.org/提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法，可以在https://github.com/douglascrockford/JSON-js上获取到这个js，一般现在用json2.js。
JSON:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
{
"rows"
:
[
{
"class"
:
"课程1"
,
"course"
:
[
"舞蹈班"
,
"美术班"
,
"跆拳道"
,
"钢琴课"
,
"素描班"
]
,
"video"
:
[
"课件1"
,
"课件2"
,
"课件3"
]
}
,
{
"class"
:
"课程2"
,
"course"
:
[
"舞蹈班"
,
"美术班"
,
"跆拳道"
,
"钢琴课"
,
"素描班"
]
,
"video"
:
[
"课件a"
,
"课件b"
,
"课件c"
]
}
]
}
var video = rows[i].video;
for(var v=0;v<course.length;v++){
str2 += '<div class="kc-li">'+course[v]+'</div>';
for(var c=0;c<video.length;c++){
str3 += '<div class="kc-li">'+video[c]+'</div>';
var HTML = '';
HTML += '<div class="mt20 border">';
HTML += str1;
HTML += '<div class="fl kc-box">'+str2+ '</div>';
HTML += '<div class="fl">'+str3+ '</div>';
HTML += '<div class="clearfix"></div>';
HTML += '</div>';
HTML += '</div>';
$('#box').append(HTML);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
$
.
ajax
(
{
url
:
"date.json"
,
method
:
"GET"
,
dataType
:
"JSON"
,
success
:
function
(
res
)
{
rows
=
res
.
rows
;
for
(
var
i
=
0
;
i
<
rows
.
length
;
i
++
)
{
var
str1
=
''
;
var
str2
=
""
;
var
str3
=
""
;
str1
+=
'<div class="border fl kc">'
;
str1
+=
rows
[
i
]
.
class
;
str1
+=
'</div>'
;
var
course
=
rows
[
i
]
.
course
;
var
video
=
rows
[
i
]
.
video
;
for
(
var
v
=
0
;
v
<
course
.
length
;
v
++
)
{
str2
+=
'<div class="kc-li">'
+
course
[
v
]
+
'</div>'
;
}
for
(
var
c
=
0
;
c
<
video
.
length
;
c
++
)
{
str3
+=
'<div class="kc-li">'
+
video
[
c
]
+
'</div>'
;
}
var
HTML
=
''
;
HTML
+=
'<div class="mt20 border">'
;
HTML
+=
str1
;
HTML
+=
'<div class="fl kc-box">'
+
str2
+
'</div>'
;
HTML
+=
'<div class="fl">'
+
str3
+
'</div>'
;
HTML
+=
'<div class="clearfix"></div>'
;
HTML
+=
'</div>'
;
HTML
+=
'</div>'
;
$
(
'#box'
)
.
append
(
HTML
)
;
}
}
}
)
;
文档信息：
for循环遍历多级json数据
本站部分原创文章，部分文章整理自网络。如有转载的文章侵犯了您的版权，请联系删除处理。如果您有优质文章，欢迎发稿给我！
愿本站的内容能为您的学习、工作带来绵薄之力。
