2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 用jquery的each方法遍历json对象

用jquery的each方法遍历json对象

时间:2022-09-03 23:11:15

相关推荐

用jquery的each方法遍历json对象

用jquery的each方法遍历JSON对象的方法如下:

声明一个JSON对象: var jsonStu=[{"name":"张三","score":"90"},{"name":"李四","score":"80"},{"name":"王五","score":"70"}];

2.调用each方法:

<span style="font-family: Arial, Helvetica, sans-serif;">一个简单的例子:</span>

<!DOCTYPE html><!--1.首先定义一个json对象jsonStu,保存学生的"姓名"和"分数"信息.--><!--2.然后,通过调用$.each()工具函数,遍历该数据,分别获取"姓名"和"分数"信息. $.each(jsonStu,function(index,data)--><!--3.最后,将遍历后获取的整个内容显示在页面中.--><html><head lang="en"><meta charset="UTF-8"><title>JSON对象</title><script src="/jquery/1.9.0/jquery.js" type="text/javascript"></script><script>var jsonStu=[{"name":"张三","score":"90"},{"name":"李四","score":"80"},{"name":"王五","score":"70"}]; //创建一个json对象alert("Loading……");$(document).ready(function(){var result = "";$.each(jsonStu,function(index,data){result += "姓名: " + data.name + " 年龄: " + data.score + "<br />";});$('#show').html(result);});</script></head><body><div id="show"></div></body></html>

</pre><pre name="code" class="javascript">

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。