怎么用jQuery从后台读取数据并显示到页面

 我来答
小犬儿汪汪
2017-09-16 · TA获得超过203个赞
知道答主
回答量:96
采纳率:100%
帮助的人:47.6万
展开全部
<!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}
]
}
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
七鑫易维信息技术
2024-09-02 广告
Play Video 七鑫易维是致力于机器视觉和人工智能领域的高新科技企业,迄今已专注眼球追踪技术的研发、创新与应用超过14年,拥有完全自主知识产权,全球专利总量655余项。 作为眼球追踪技术领域的全球知名品牌,七鑫易维的产品体系覆盖眼动分... 点击进入详情页
本回答由七鑫易维信息技术提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式