js处理json js递归
<%@ 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递归的更多相关文章
- prototype.js 和json.js 冲突
1.冲突简述和分析 prototype.js与json.js并不是完全兼容的.主要冲突在于json.js为Object的原型增加了一个toJSONString的方法. 冲突之一:是prototype中 ...
- 用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 ...
- js 使用json.js处理json对象
使用参考代码: <script src="json/json2.js"></script> <script type="text/javas ...
- 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 ...
- json树递归js查询json父子节点
上代码,直接另存为html打开,看console控制台就可以看到效果了 <!DOCTYPE html> <html lang="en"> <head& ...
- Json——js和C#对Json的操作
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式.博主记得几年前在华为外包项目中有一个和Android应用交互的需求,Andr ...
- js 将json字符串转换为json对象的方法解析
推荐: var obj = eval('(' + str + ')'); var last=JSON.stringify(obj); //将JSON对象转化为string字符 例如: JSON字符串: ...
- C#、js、json Datetime格式总结
在工作过程中遇到时间格式的数据在C#.js 和 json保存的不同结果,现在总结一下 JavaScript Parser: 1.数字型时间转字符串时间 如var data = "/Date( ...
- js声明json数据,打印json数据,遍历json数据
1.js声明json数据: 2.打印json数据: 3.遍历json数据 //声明JSON var json = {}; json.a = 1; //第一种赋值方式(仿对象型) json['b'] = ...
随机推荐
- java中类的加载过程和对象的创建过程
1.类加载过程 首先,jvm在执行时,遇到一个新的类,会先去内存的方法区中去寻找该类的.class文件,如果找到了就直接运行,如果没有找到,则会去硬盘中去寻找该类的.class文件,并将该类文件加载到 ...
- JQuery常用知识点及示例
1.JQuery 名称解释 JQuery是封装了常用JS操作函数的一个库文件JQuery = Javascript + Query (查询)Jquery意思即指: 强大的DOM节点查询 2.官网:ht ...
- navicat将多个表导出为一个sql文件
1.shift选中多个表 2右键选择--转储sql文件---结构和数据
- 谷歌扩展程序设置ajax请求允许跨域(极少人知道的解决方案)
前言: 跨域问题一直是个老生常谈的问题,在实际开发过程中,跨域的问题常常会让开发者非常的头疼. 常用的几种跨域解决方案: 1.代理 2.XHR2 HTML5中提供的XMLHTTPREQUEST Lev ...
- 以守护进程的方式部署flask
1.文件目录 创建一个简单的flask 项目... application = Flask(__name__) application.debug = True 2.安装wsgi pip instal ...
- 使用WinDbg获取SSDT函数表对应的索引再计算得出地址
当从Ring3进入Ring0的时候会将所需要的SSDT索引放入到寄存器EAX中去,所以我们这里通过EAX的内容得到函数在SSDT中的索引号,然后计算出它的地址首先打开WinDbug,我们以函数ZwQu ...
- linkin大话面向对象--枚举
枚举类(enum) 其实我们使用到枚举的地方还是很多的,其实我们可以完全人工的来实现枚举的功能.比如说我现在手里的项目我就是自己实现的枚举,说白了,枚举就是一个类的多例模式. 1,使用enum声明,默 ...
- Intel DPDK 全面解读
高性能网络技术 随着云计算产业的异军突起,网络技术的不断创新,越来越多的网络设备基础架构逐步向基于通用处理器平台的架构方向融合,从传统的物理网络到虚拟网络,从扁平化的网络结构到基于 SDN 分层的网络 ...
- HashiCorp Vault介绍
HashiCorp Vault是一款企业级私密信息管理工具.说起Vault,不得不提它的创造者HashiCorp公司.HashiCorp是一家专注于DevOps工具链的公司,其旗下明星级产品包括Vag ...
- 【转】 C++易混知识点4: 自己编写一个智能指针(Reference Counting)学习auto_ptr和reference counting
这篇文章建大的介绍了如何编写一个智能指针. 介绍: 什么是智能指针?答案想必大家都知道,智能指针的目的就是更好的管理好内存和动态分配的资源,智能指针是一个智能的指针,顾名思义,他可以帮助我们管理内存. ...