jQuery遍历复杂的JSON数据

{"group_id_1":[{"groupd_id":"1","authority":{"19":"\u6d4f\u89c8\u6587\u7ae0","22":"\u5220\u9664\u6587\u7ae0","5":"\u6743\u9650\u7f16\u8f91","12":"\u6dfb\u52a0\u6743\u9650\u7ec4","14":"\u5220\u9664\u6743\u9650\u7ec4"}}],"group_id_2":[{"groupd_id":"2","authority":{"19":"\u6d4f\u89c8\u6587\u7ae0","20":"\u6dfb\u52a0\u6587\u7ae0","22":"\u5220\u9664\u6587\u7ae0","3":"\u6743\u9650\u6d4f\u89c8","4":"\u6dfb\u52a0\u6743\u9650","5":"\u6743\u9650\u7f16\u8f91","6":"\u6743\u9650\u5220\u9664","11":"\u6d4f\u89c8\u6743\u9650\u7ec4","12":"\u6dfb\u52a0\u6743\u9650\u7ec4","13":"\u7f16\u8f91\u6743\u9650\u7ec4","14":"\u5220\u9664\u6743\u9650\u7ec4","37":"\u7528\u6237\u65e5\u5fd7\u67e5\u770b","38":"\u63a8\u9001\u65e5\u5fd7\u67e5\u770b","39":"\u91c7\u96c6\u65e5\u5fd7\u67e5\u770b","40":"\u7528\u6237\u767b\u5f55\u65e5\u5fd7","41":"\u4e2a\u4eba\u4fe1\u606f\u4fee\u6539","31":"\u91c7\u96c6\u8ba1\u5212\u6d4f\u89c8","32":"\u6dfb\u52a0\u91c7\u96c6\u8ba1\u5212","33":"\u7f16\u8f91\u91c7\u96c6\u8ba1\u5212","34":"\u5220\u9664\u91c7\u96c6\u8ba1\u5212","35":"\u63a8\u9001\u65e5\u62a5\u8868\u67e5\u770b","36":"\u91c7\u96c6\u65e5\u62a5\u8868\u67e5\u770b"}}],"group_id_4":[{"groupd_id":"4","authority":{"3":"\u6743\u9650\u6d4f\u89c8","4":"\u6dfb\u52a0\u6743\u9650","6":"\u6743\u9650\u5220\u9664","11":"\u6d4f\u89c8\u6743\u9650\u7ec4"}}],"group_id_5":[{"groupd_id":"5","authority":{"20":"\u6dfb\u52a0\u6587\u7ae0","3":"\u6743\u9650\u6d4f\u89c8","6":"\u6743\u9650\u5220\u9664","13":"\u7f16\u8f91\u6743\u9650\u7ec4","37":"\u7528\u6237\u65e5\u5fd7\u67e5\u770b"}}],"group_id_6":[{"groupd_id":"6","authority":{"19":"\u6d4f\u89c8\u6587\u7ae0","20":"\u6dfb\u52a0\u6587\u7ae0","21":"\u7f16\u8f91\u6587\u7ae0","22":"\u5220\u9664\u6587\u7ae0","3":"\u6743\u9650\u6d4f\u89c8","4":"\u6dfb\u52a0\u6743\u9650","5":"\u6743\u9650\u7f16\u8f91","6":"\u6743\u9650\u5220\u9664","11":"\u6d4f\u89c8\u6743\u9650\u7ec4","12":"\u6dfb\u52a0\u6743\u9650\u7ec4","13":"\u7f16\u8f91\u6743\u9650\u7ec4","14":"\u5220\u9664\u6743\u9650\u7ec4","37":"\u7528\u6237\u65e5\u5fd7\u67e5\u770b","38":"\u63a8\u9001\u65e5\u5fd7\u67e5\u770b","39":"\u91c7\u96c6\u65e5\u5fd7\u67e5\u770b","40":"\u7528\u6237\u767b\u5f55\u65e5\u5fd7","41":"\u4e2a\u4eba\u4fe1\u606f\u4fee\u6539","31":"\u91c7\u96c6\u8ba1\u5212\u6d4f\u89c8","32":"\u6dfb\u52a0\u91c7\u96c6\u8ba1\u5212","33":"\u7f16\u8f91\u91c7\u96c6\u8ba1\u5212","34":"\u5220\u9664\u91c7\u96c6\u8ba1\u5212","35":"\u63a8\u9001\u65e5\u62a5\u8868\u67e5\u770b","36":"\u91c7\u96c6\u65e5\u62a5\u8868\u67e5\u770b"}}]}

  一切都来源于上面这一组JSON数据,用JSON解析器可以看到这个JSON的结构,如下:

{
    "group_id_1": [
        {
            "groupd_id": "1",
            "authority": {
                "5": "权限编辑",
                "12": "添加权限组",
                "14": "删除权限组",
                "19": "浏览文章",
                "22": "删除文章"
            }
        }
    ],
    "group_id_2": [
        {
            "groupd_id": "2",
            "authority": {
                "3": "权限浏览",
                "4": "添加权限",
                "5": "权限编辑",
                "6": "权限删除",
                "11": "浏览权限组",
                "12": "添加权限组",
                "13": "编辑权限组",
                "14": "删除权限组",
                "19": "浏览文章",
                "20": "添加文章",
                "22": "删除文章",
                "31": "采集计划浏览",
                "32": "添加采集计划",
                "33": "编辑采集计划",
                "34": "删除采集计划",
                "35": "推送日报表查看",
                "36": "采集日报表查看",
                "37": "用户日志查看",
                "38": "推送日志查看",
                "39": "采集日志查看",
                "40": "用户登录日志",
                "41": "个人信息修改"
            }
        }
    ],
    "group_id_4": [
        {
            "groupd_id": "4",
            "authority": {
                "3": "权限浏览",
                "4": "添加权限",
                "6": "权限删除",
                "11": "浏览权限组"
            }
        }
    ],
    "group_id_5": [
        {
            "groupd_id": "5",
            "authority": {
                "3": "权限浏览",
                "6": "权限删除",
                "13": "编辑权限组",
                "20": "添加文章",
                "37": "用户日志查看"
            }
        }
    ],
    "group_id_6": [
        {
            "groupd_id": "6",
            "authority": {
                "3": "权限浏览",
                "4": "添加权限",
                "5": "权限编辑",
                "6": "权限删除",
                "11": "浏览权限组",
                "12": "添加权限组",
                "13": "编辑权限组",
                "14": "删除权限组",
                "19": "浏览文章",
                "20": "添加文章",
                "21": "编辑文章",
                "22": "删除文章",
                "31": "采集计划浏览",
                "32": "添加采集计划",
                "33": "编辑采集计划",
                "34": "删除采集计划",
                "35": "推送日报表查看",
                "36": "采集日报表查看",
                "37": "用户日志查看",
                "38": "推送日志查看",
                "39": "采集日志查看",
                "40": "用户登录日志",
                "41": "个人信息修改"
            }
        }
    ]
}

  (后台为了便于识别,写成了这样子,最初版本是精简版本的。)

  于是用了$.each()来遍历之,写了好几层...

var obj = group_authority_list;
$.each(obj, function(k, v){
	if(k == "group_id_"+urlId){
		$.each(v, function(kk, vv){
			$.each(vv, function(kkk, vvv){
				for(var i in vvv){
					if(vvv[i] == urlId)continue;
					_inputAuthList.each(function() {
						if( $(this).val() == i ){
							 $(this).parent(‘span‘).addClass(‘checked‘);
						}
					});
				}
			});
		});
	}
});

  目标是把遍历到的对应权限,在输入框中选中,于是各位可以感受一下...

 

// 求轻拍砖

时间: 2024-10-08 09:36:51

jQuery遍历复杂的JSON数据的相关文章

springMVC框架下JQuery传递并解析Json数据

json作为一种轻量级的数据交换格式,在前后台数据交换中占领着很重要的地位.Json的语法很简单,採用的是键值对表示形式.JSON 能够将 JavaScript 对象中表示的一组数据转换为字符串,然后就能够在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给server端程序,也能够从server端程序传递json格式的字符串给前端并由前端解释.这个字符串是符合json语法的,而json语法又是javascript语法的子集,所以javascript很easy解释

Jquery三级联动(需要JSON数据)

Category.js $(function () { BindCategory(); }) function BindCategory() { var $txtCategory = $("#txtCategoryId"); var _selectId = ["selBigClass", "selSmallClass", "selThreeClass"]; for (var i = 0; i < _selectId.le

jQuery调用WebService返回JSON数据

相信大家都比较了解JSON格式的数据对于ajax的方便,不了解的可以从网上找一下这方面的资料来看一下,这里就不多说了,不清楚的可以在网上查一下,这里只说一下因为参数设置不当引起的取不到返回值的问题. 在用jQuery调用WebService的时候,它contentType默认为 以下是WebService服务端的代码: 1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.W

详谈 Jquery Ajax 异步处理Json数据.

详谈 Jquery Ajax 异步处理Json数据.

jquery跨域请求json数据

//服务端生成json数据json.php <?php $json=array("Volvo","BMW","SAAB"); $cb = $_GET['callback']; echo $cb.'('.json_encode($json, true).')'; ?> //客户端Ajax请求数据<script> $(document).ready(function() { var url="http://域名/js

jquery实现ajax,返回json数据

jquery实现ajax可以调用几种方法 我经常用的是$get(url,data,callback,type)方法 其中url是异步请求的页面(可以是.ashx文件),data是参数,callback是回调函数,而type是返回数据的类型.type有xml,html,json,text等. 首先,页面引用jquery.js 在页面写ajax处理的js函数 1 2 3 4 5 6 7 8 9 10 11 12 13 function initMeeting() {             $.ge

html、css/bootStrap、js/Jquery、ajax与json数据交互总结

设计个个人网站,利用CSS.JavaScript.HTML5.jQuery库和AJAX等 实现网站各功能模块,下面介绍我设计的网站各大功能模块:  个人简历模块: 包涵个人基本信息(利用CSS的float和clear属性实现个人照片与文字的浮动排版).求学经历.获奖情况.参与社团.兴趣爱好等(一个方面组织成一张网页),利用框架技术实现在同一区域显示不同网页内容. 注册/登入模块 用户注册和登录:使用jQuery实现注册表单验证和登录表单验证 登入首页 利用文字.图片(使用AJAX实现图片轮转)展

ASP.net jQuery调用webservice返回json数据的一些问题

之前寒假时,试着使用jQuery写了几个异步请求demo, 但是那样是使用的webform普通页面,一般应该是用 webservice 居多. 最近写后台管理时,想用异步来实现一些信息的展示和修改, 这是第一次真正的在实际中运用ajax,卡了一个小时才做好简单的信息展示. 在这之间遇到了两个问题.写下来分享给大家,也加深一下自己的印象. 有错误的地方还请大神指出. 前端js代码: 1 <script type="text/javascript"> 2 $(function

使用JQuery解析、处理JSON数据(应用在课程表)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-