<html>
<head>
<meta http-equiv="ContentType" content="text/htmlcharset=UTF-8"/>
<title></title>
<script type='text/javascript'>
var NodeFactory = {
create: function(node){
if(!node) return
var li = ['<li>']
li.push(node.text)
//子节点
var len
if(node.kids &&(len=node.kids.length)){
li.push('<ul>')
for(var i=0i<leni++){
li.push( this.create(node.kids[i]) )
}
li.push('</ul')
}
li.push('</li>')
return li.join('')
}
}
</script>
</head>
<body>
<script type='text/javascript'>
var root = {
text: 'root',
kids: [{
text: 'kid_1',
kids: [{
text: 'kid_1_1'
},{
text: 'kid_1_2',
kids: [{
text: 'kid_1_2_1'
}]
},{
text: 'kid_1_3'
}]
},{
text: 'kid_2'
}]
}
document.write(NodeFactory.create(root))
</script>
</body>
</html>
页面既然得到从服务器传过来的json数据之后,还要转换为Object比如,服务器组装好的json数据:
{
id:'001',
nodeMsg:'节点1'
}
这个是ajax成功之后的回调
function(xhr){
var o = eval('(' + xhr.responseText + ')')
alert(o.id + ':' + o.nodeMsg)
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)