用jquery的each方法遍历json对象

来源：互联网发布：外汇走势图分析软件编辑：程序博客网时间：2024/05/21 07:53

用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="http://libs.baidu.com/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">

0 0