用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="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">

用jquery的each方法遍历json对象相关推荐

jQuery中用each方法遍历json对象
json字符串与对象的相互转换如果声明的是一个字符串,不能直接遍历,需要先将其转换为对象才能遍历 1. eval() var obj='{"name":"bill&qu ...
php json输出对象的属性值,JavaScript_jquery动态遍历Json对象的属性和值的方法，1、遍历 json 对象的属性/ - phpStudy...
jquery动态遍历Json对象的属性和值的方法 1.遍历 json 对象的属性 //定义json对象 var person= { name: 'zhangsan', pass: '123', fn: ...
JS/Jquery遍历JSON对象、JSON数组、JSON数组字符串、JSON对象字符串
JS遍历JSON对象 JSON对象 var jsonObj = {"id": 102,"year": "2019-2020","l ...
js遍历json对象和jquery $.each()遍历json
无规律: <script>var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];for(var i=0,l=json.le ...
javascript遍历json对象数据的方法
JSON中,有两种结构:对象和数组,对象是没有length这个属性,而数组结构是有的,下面分别说下这两种结构之间的区别和遍历方式. 1.对象一个对象以"{"开始,"}& ...
jQuery 遍历 JSON 对象
jQuery 遍历 JSON 对象 <一>: $(document).ready(function() { $("#Link").click(fu ...
jQuery调用WCF服务传递JSON对象
下面这个示例使用了WCF去创建一个服务端口从而能够被ASP.Net页面通过jQuery的AJAX方法访问,我们将在客户端使用Ajax技术来与WCF服务进行通信.这里我们仅使用jQuery去连接Web ...
js遍历json对象
原生js遍历json对象遍历json对象: 无规律: <script> var json = [ {dd:'SB',AA:'东东',re1:123}, {cccc:'dd',lk:'1q ...
php json 遍历 keys,详解javascript遍历json对象的key和任意js对象属性的示例代码（图）...
下面小编就为大家带来一篇javascript遍历json对象的key和任意js对象属性实例.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧使用 keys 方法获取该对象 ...

用jquery的each方法遍历json对象

用jquery的each方法遍历json对象相关推荐

最新文章

热门文章