怎么用jQuery从后台读取数据并显示到页面
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script>
<title>10JQKA</title>
<style>
*{margin:0;padding:0;}
</style>
</head>
<body>
<ul>
<li>1.1</li>
<li>1.2</li>
</ul>
<ul>
<li>2.1</li>
<li>2.2</li>
</ul>
<ul>
<li>3.1</li>
<li>3.2</li>
</ul>
</body>
</html>
<script type="text/javascript">
$.ajax({
url:"./test1.json",
success:function(result){
var ul=$('ul');
for(var i=0;i<ul.length;i++){
ul.eq(i).children('li').eq(0).html(result.nba[i].name);
ul.eq(i).children('li').eq(1).html(result.nba[i].age);
}
},
error:function(){
}
});
</script>
json的数据如下：
{
"nba":[
{"name":"kobe","age":38},
{"name":"james","age":33},
{"name":"wade","age":35}
]
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
