jQuery中用each方法遍历json对象

json字符串与对象的相互转换

如果声明的是一个字符串，不能直接遍历，需要先将其转换为对象才能遍历

1. eval()

var obj='{"name":"bill","age":"18","home":"河北"}'
console.log("转化前：" + typeof(obj)) //string
var obj=eval('(' + obj + ')');           //object
console.log("转化后：" + typeof(obj));

2. JSON.parse()

var obj='{"name":"bill","age":"18","home":"河北"}'
var obj=JSON.parse(obj);

3.$.parseJSON(obj)

var obj='{"name":"bill","age":"18","home":"河北"}'
var obj=$.parseJSON(obj);

4. JSON.stringify将对象转换成字符串

var json={"name":"bill","age":28
}
var str = JSON.stringify(json);
console.log(typeof(str))    //string

读取内部json数据并渲染到表格

. $.each(obj,function( index,value){})

第一个参数是当前要遍历的对象
第二个参数是当前遍历元素的索引
第三个参数是当前遍历的DOM元素

//声明一个对象
var obj = {"标题": "搜狐视频","网址": "https://tv.sohu.com/","类别":{"综艺":"小品、相声、真人秀","电影":"动作、爱情、喜剧、恐怖","时事":"国内、国际、时事、政治"
},"访问人数":"300000000"
};

代码如下：

var $tab=$("<table border='1' cellpadding='0' cellspacing='0' align='center' width='600'></table>");$("body").append($tab)$.each(obj,function(key,value){var $tr=$("<tr align='center'>" + "<td>" + key + "</td>" + "</tr>");if(key=="类别"){var $td=$("<td></td>")var $tdtab = $("<table border='1' cellpadding='0' cellspacing='0' width='100%'></table>");$.each(obj["类别"],function(k,v){var $tr2 = $("<tr align='center'>" + "<td>" + k + "</td>" + "<td>" + v + "</td>" +  "</tr>");$tdtab.append($tr2)})$td.append($tdtab)}else{var $td=$("<td>" + value + "</td>");}$tr.append($td)$tab.append($tr);})})

读取外部数json数据

$.getJSON("test.json",function(data){.......
})

第一个参数表示json数据的路径
第二个参数表示请求成功之后要执行的函数

jQuery中用each方法遍历json对象相关推荐

用jquery的each方法遍历json对象
用jquery的each方法遍历JSON对象的方法如下: 声明一个JSON对象: var jsonStu=[{"name":"张三","score&q ...
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对象

json字符串与对象的相互转换

读取内部json数据并渲染到表格

读取外部数json数据

jQuery中用each方法遍历json对象相关推荐

最新文章

热门文章