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'] = ...
随机推荐
- Unity Instantiate各函数执行顺序
GameObject go = Instantiate(aaa) ; go.GetComponent<NewBehaviourScript>().Init(); Instan ...
- SDP(2):ScalikeJDBC-Connection Pool Configuration
scalikeJDBC可以通过配置文件来设置连接池及全局系统参数.对配置文件的解析是通过TypesafeConfig工具库实现的.默认加载classpath下的application.conf,app ...
- PHP截取中英文字符串
//如果字符串长度超过10,则截取并以省略号结尾 function sub($str){ $str=(string)$str; if( mb_strlen($str,'utf-8') >10){ ...
- Mysql开启远程连接方法
分类: 数据库开发技术 解决MySQL不允许从远程访问的方法 开启 MySQL 的远程登陆帐号有两大步: 1.确定服务器上的防火墙没有阻止 3306 端口. MySQL 默认的端口是 3306 ,需要 ...
- bootstrap-multiselect 的简单使用,样式修改,动态创建option
1.bootstrap-multiselect 顾名思义基于bootstrap,bootstrap基于jquery,所以第一步,引入文件 bootstrap.css/ juery.js /bootst ...
- 图表工具--- ECharts.js学习(一) 简单入门
ECharts.js学习(一) 在项目开发的时候,在前端的数据需要用图表的形式展示.网上搜索了一下,发现有几种统计图库.具体有哪几种可以看: 前端开发者常用的9个JavaScript图表库 EChar ...
- 判断具有某个属性js、jQuery
if(!rr.classList.contains('invalid')){ updateCount(i,-1);//更新tab数量 } /*if(!$(rr).hasClass('invalid') ...
- 4个强大的Linux服务器监控工具[转]
本文介绍了一些可以用来监控网络使用情况的Linux命令行工具.这些工具可以监控通过网络接口传输的数据,并测量目前哪些数据所传输的速度.入站流量和出站流量分开来显示. 一些命令可以显示单个进程所使用的带 ...
- [ASP.NET][Session] 使用 SQLServer 会话管理解决 Session 丢失问题
使用 SQLServer 会话管理解决 Session 丢失问题 步骤 1.通过命令行执行 aspnet_regsql.exe 程序(不要双击安装),先在 CMD 中输入命令 cd C:\Window ...
- vs调试dll工程
dll本身是没法运行的,必须在其它工程调用dll时候才会运行. 所以,调试dll首先要将调用dll的工程和dll工程联系起来. 解决方案中添加dll工程: 现在dll 和 应用程序两个工程就都在一个解 ...