jQuery遍历多层json数据

1、json与jsonp的区别(待查)

2、要遍历的数据如下:

{"status": "ok", "code": 200, "data": {"343946": {"8144": {"feed": 0, "instagram": 0, "livefyre": 21, "facebook": 0, "total": 21, "twitter": 0}}, "343945": {"2649": {"feed": 0, "instagram": 0, "livefyre": 42, "facebook": 0, "total": 42, "twitter": 0}}}}
3、数据来源:https://coxnews.bootstrap.fyre.co/api/v1.1/public/comments/ncomments/MzQzOTQ1OjI2NDl8MzQzOTQ2OjgxNDQ==.json
4、代码如下:

<html>
    <head>

<title>TODO supply a title</title>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<script type="text/javascript" src="jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function() {

//$.each( [4,1,2], function(i, n){

//    alert( "Item #" + i + ": " + n );

//});

//$.each( { name: "John", lang: "JS" }, function(i, n){

//    alert( "Name: " + i + ", Value: " + n );

//});

$.ajax({

dataType: ‘jsonp‘,

url: ‘https://coxnews.bootstrap.fyre.co/api/v1.1/public/comments/ncomments/MzQzOTQ1OjI2NDl8MzQzOTQ2OjgxNDQ==.json‘,

success: function(data) {

var dataObj = eval(data).data;

//一层循环

$.each(dataObj, function(n1, value) {

alert(n1);

//二层循环

$.each(value,function(n2,value1){

alert(n2);

//三层循环

$.each(value1,function(n3,value2){

alert(n3);

alert(value2);

});

});

//for (var i = 0; i < value.length; i++) {

//    alert(value[i]);

// }

});

}

});

}

);

</script>

</head>

<body>

<div>TODO write content</div>

</body>

</html>

时间: 2024-12-19 03:51:06

jQuery遍历多层json数据的相关文章

jQuery异步获取json数据的2种方式

jQuery异步获取json数据有2种方式,一个是$.getJSON方法,一个是$.ajax方法.本篇体验使用这2种方式异步获取json数据,然后追加到页面. 在根目录下创建data.json文件: { "one" : "Hello", "two" : "World" } ■ 通过$.getJSON方法获取json数据 <script src="Scripts/jquery-2.1.1.min.js"

轻松应对多层JSON数据计算与入库

图片和表不方便复制  详情请阅读原文http://c.raqsoft.com.cn/article/1536633176729?r=niu JSON作为一种轻量级的数据交换格式,因其易于读写和交互的特点,已逐渐成为主流的数据类型之一.常见的编程语言大多都对 JSON 的读取与解析提供了接口,但是接下来如何把多层 JSON 数据经过筛选.计算并展开成二维数据,就需要开发人员去头疼了.本文就为大家分享一下如何利用集算器 SPL(结构化处理语言)轻松解决 JSON 数据解析入库的问题. JSON 数据

JQuery UI获取JSON数据

最近在学习用JQuery UI开发一个界面,这是javascript的一个框架,功能强大,界面漂亮. 首先要下载JQuery UI的包,引入里面的文件: <link href="jquery-ui.css" rel="stylesheet"> <script src="external/jquery/jquery.js"></script> <script src="jquery-ui.js&q

利用Jquery获取服务器端json数据

json (JavaScript Object Notation)是一种轻量级的数据交换格式,它使用的是的http get请求 通过jQuery的.getJSON()方法获取json数据,并转化为字符串 $.getJSON("/json/cats.json",function(json){        $(".message").html(JSON.stringify(json));      }); });

用JQuery解析获取JSON数据

JSON 是一种比较方便的数据形式,下面使用$.getJSON方法,实现获得JSON数据和解析,都挺方便简单的.从http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=? 这个地址得到JSON数据 并且分析里面的结构,生成图片和相关链接等: $(function(){ var url="http://api.flickr.co

高效遍历匹配Json数据与双层for循环遍历Json数据

工作中往往遇到这种情况,保留用户操作痕迹,比如用户选择过得东西,用户进入其它页面再返回来用户选择的的数据还在. 比如:1.购物车列表中勾选某些,点击任意一项,前往详情页,再返回购物车依旧需要呈现勾选状态           2.勾选人员后,前往别的页面,再次返回,人员依旧程勾选状态           3.等等.... 解决方法:1.把用户选择的数据在本地保存一份 2.进入当前页面拿缓存数据和新数据(从后台获取的数据)进行对比,然后进行对比渲染 在做数据比对的时候,可以通过嵌套for循环,一层f

高效遍历匹配Json数据,避免嵌套循环[转]

工作中经常会遇到这样的需求:1.购物车列表中勾选某些,点击任意一项,前往详情页,再返回购物车依旧需要呈现勾选状态2.勾选人员后,前往别的页面,再次返回,人员依旧程勾选状态3.等等.... 数据结构如下: // 缓存数据 var students = [ { id: 35, name: '小明', age: 25, address: '环球中心',checked:true}, { id: 36, name: '杰伦', age: 41, address: '中国台湾' ,checked:true}

jquery $.post 返回json数据

$(function () { $("#prompt").hide(); $("#searchIpt").keyup(function () { var key = $("#searchIpt").val(); if (key != undefined && key != null && key.length > 0) { $.post("Query.aspx", { "key&

C#解析多层Json数据

[事件回顾] 今天在做一个小项目的时候,想获取一下位置,IP地址,然后随便在网上找了一个api调用 https://apis.map.qq.com/ws/location/v1/ip 数据如下: 如果是用Python的话,很简单,请求API->得到Json->然后print(["result"]["ip"])就可以了,C#有点麻烦,用了多个方法来解决 前提是先引入 using Newtonsoft.Json.Linq;,或者 using Newtonso