<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JOSN演示</title>
<script src="component/jquery-1.11.1.js"></script>
<script>
$(document).ready(function() {
var jsonStr = "{'name': 'cxh', 'sex': 'man', 'age': 1}";
var obj = eval('(' + jsonStr + ')');
var traverseJson="{ 'name': 'cxh', 'sex': 'man', 'age': 1},解析结果:</br>";
for(var a in obj) {
traverseJson += "key: " + a +",value: " + obj[a]+" </br> ";
}
$("#traverseJson").html(traverseJson);
var arrayStr = [{"name":"运维管理","tId":"roleMenu0_1","children":[{"name":"权限管理","tId":"roleMenu0_2","children":[{"name":"角色管理","tId":"roleMenu0_3"},{"name":"用户管理","tId":"roleMenu0_4"}]},{"name":"菜单分配","tId":"roleMenu0_5"}]}];
var str = "";
f(arrayStr, str);
}); function f(array, str) {
str += "--";
for (var i = 0; i < array.length; i++) {
var object = array[i];
if (object.children) {
$("#traverseArray").append(str + object.name +" </br> ");
f(object.children, str);
} else {
$("#traverseArray").append(str + object.name +" </br> ");
}
}
}
</script>
</head>
<body>
<font color="red" id="traverseJson"></font>
<hr/>
<font color="red" id="traverseArray"></font>
</body>
</html>

输出结果为:

aaarticlea/png;base64,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" alt="" />

js处理json js递归的更多相关文章

  1. prototype.js 和json.js 冲突

    1.冲突简述和分析 prototype.js与json.js并不是完全兼容的.主要冲突在于json.js为Object的原型增加了一个toJSONString的方法. 冲突之一:是prototype中 ...

  2. 用json2.js 代替 json.js防止与jQuery的js冲突

    用json2.js 代替 json.js防止与jQuery的js冲突 1 s.toJSONString json.js:259 2 Object.toJSONString json.js:158 3 ...

  3. js 使用json.js处理json对象

    使用参考代码: <script src="json/json2.js"></script> <script type="text/javas ...

  4. JavaScript中解析JSON --- json.js 、 json2.js 以及 json3.js的使用区别

    JSON官方(http://www.json.org/)提供了一个json.js,json.js是JSON官方提供的在JavaScript中解析JSON的js包,json.js.json2.js.js ...

  5. json树递归js查询json父子节点

    上代码,直接另存为html打开,看console控制台就可以看到效果了 <!DOCTYPE html> <html lang="en"> <head& ...

  6. Json——js和C#对Json的操作

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式.博主记得几年前在华为外包项目中有一个和Android应用交互的需求,Andr ...

  7. js 将json字符串转换为json对象的方法解析

    推荐: var obj = eval('(' + str + ')'); var last=JSON.stringify(obj); //将JSON对象转化为string字符 例如: JSON字符串: ...

  8. C#、js、json Datetime格式总结

    在工作过程中遇到时间格式的数据在C#.js 和 json保存的不同结果,现在总结一下 JavaScript Parser: 1.数字型时间转字符串时间 如var data = "/Date( ...

  9. js声明json数据,打印json数据,遍历json数据

    1.js声明json数据: 2.打印json数据: 3.遍历json数据 //声明JSON var json = {}; json.a = 1; //第一种赋值方式(仿对象型) json['b'] = ...

随机推荐

  1. 十二个 ASP.NET Core 例子——IOC

    目录 简单介绍 core自带IOC的实现解释 1.简单介绍 (个人理解) 是什么:IOC是一种设计原则,而非设计模式,是对流程控制,当你注入你需要的定制化类时,流程就确定了 怎么用:和IOC容器说你这 ...

  2. libJPEG-turbo库使用示例代码

    libJPEG库是用于编码数据为JPEG格式或者解码JPEG格式图片的常用库,OpenCV读取图像底层实现就是利用libJPEG库,而libJPEG-turbo则效率更高. 具体怎么编译编译libJP ...

  3. 洛谷P1233 [木棍加工]

    主要思路: 这道题一眼看过去就可以贪心.. 首先可以按L排序.. 显然排序之后我们就可以抛开L不管了.. 然后就可以愉快的贪心了.. 细节: 这道题可以看成用 最少的合法序列(详见原题) 装下所有木棍 ...

  4. relative 和 absolute 定位关系

    问题: relative 和 absolute 之间的关系是什么?有什么区别? 那,答案呢? relative  相对定位, 以自己没有设置relative 属性之前的位置来定位,占用没有设置rela ...

  5. struts2 添加请求后缀的3种方式

    第一种方式在struts.xml文件中添加 <constant name="struts.action.extension" value="">&l ...

  6. 【Java SE】如何用Java实现反转排序

    摘要:反转排序是将原先已经排序好了的重新排序,是原来的数组元素的顺序反转过来.假设原来的数组顺序是{6,5,4,3,2,1},反转之后的顺序就是{1,2,3,4,5,6}.这个排序的算法不是很难,代码 ...

  7. 【转】Linux查找本机默认网关

    ip route show | grep 'default' | awk '{print $3}' #vim getgw.sh #!/bin/shdefault_gateway_ip=`ip rout ...

  8. CentOS7搭建时间服务器-chrony(不坑)

    标签(linux): chrony 笔者Q:972581034 交流群:605799367.有任何疑问可与笔者或加群交流 之前centos6我们一直用的ntp时间服务器,虽然到CentOS7上也可以装 ...

  9. docker基础及安装

    Docker介绍: Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的 Linux 机器上,也可以实现虚拟化.容器是完全使用沙箱机制 ...

  10. Codeforce A. Fair Game

    A. Fair Game time limit per test 1 second memory limit per test 256 megabytes input standard input o ...