<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
*{
margin: 0;
padding:0;
}
.all{
width:100%;
height:800px;
}
.left{
width:47%;
height:800px;
float: left;
overflow: scroll;
border:1px solid red;
}
.right{
width:47%;
height:800px;
float: left;
overflow: scroll;
border:1px solid green;
}
#left-text{
width:97%;
height: 100%;
padding: 10px 10px 10px 30px;
border: 0;
border-right: solid 1px #E5EBEE;
border-bottom: solid 1px #eee;
border-radius: 0;
resize: none;
outline: none;
}
#right-text{
margin:20px;
}
.right button{
width: 200px;
float: left;
margin: 10px 30px;
height: 30px;
cursor: pointer;
}
#right-text{
display: inline-block;
color:#ff7799;
font-size: 19px;
}
.two{
display: inline-block;
color:#9977ff;
}
.three{
display: inline-block;
color:green;
}
.four{
display: inline-block;
color:#000;
}
</style>
</head>
<body>
<div class="all">
<div class="left">
<textarea name="" id="left-text" cols="30" rows="10"></textarea>
</div>
<div class="right">
<button class="right22">输出文字</button>
<div id="right-text">
</div>
</div>
</div>
<script src="jquery-1.10.2.js"></script>
<script>
$(function(){
$(".right22").click(function(){
var str=$("#left-text").val();
var dataJson1 =$.parseJSON(str)
var dataXIU=dataJson1.service_config.config;
for (var index in dataXIU){
$("#right-text").append("<span class='one'>一级类别:<b>"+dataXIU[index].category_alias+"</b></span></br>");
// console.log(dataXIU[index].goodsCategory);
for (var indexs in dataXIU[index].goodsCategory){
var name=dataXIU[index].goodsCategory[indexs].goods_category_name;
var dan=dataXIU[index].goodsCategory[indexs].goods_unit
$("#right-text").append("<span class='two'>二级类别:<b>"+name+"</b></span></br>");
// console.log(dataXIU[index].goodsCategory[indexs].son);
var sanji=dataXIU[index].goodsCategory[indexs].son;
for (var indexss in sanji){
var sanname=sanji[indexss].goods_category_name;
var sandan=sanji[indexss].goods_unit
$("#right-text").append("<span class='three'>三级类别:<b>"+sanname+"</b> 单位="+sandan+"</span></br>");
// console.log(sanji[indexss].attr);
for (var indexsss in sanji[indexss].attr){
var siname=sanji[indexss].attr[indexsss].field_alias;
var sidan=sanji[indexss].attr[indexsss].enum;
console.log(sidan)
if(sidan!=undefined){
for(indexssss in sidan ){
var alias= sidan[indexssss].alias;
var wudan= sidan[indexssss].value;
$("#right-text").append("<span class='four'>四级:"+siname+"-<b>"+wudan+"</b></span></br>");
}
}
}
}
}
}
})
})
</script>
</body>
</html>
- js循环读取json数据,将读取到的数据用js写成表格
①js循环读取json数据的方式: var data=[{"uid":"2688","uname":"*江苏省南菁高级中学 022 ...
- Js循环读取JSON数据
<script> $(function () { var jsonString = '{Unid:"1",CustomerName:"宋江",Age ...
- js实现对json数据的序列化(兼容ie6以上浏览器)
/** * 增加对JSON数据的序列化方法, * 主要用于IE6.7不支持JSON对象的浏览器 */ var xue = xue || {};xue.json = xue.json || {}; xu ...
- js读取解析JSON数据
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...
- js之操作JSON数据
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...
- js读取解析JSON数据(转)
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...
- 菜鸟笔记:node.js+mysql中将JSON数据构建为树(递归制作树状菜单数据接口)
初学Web端开发,今天是第一次将所学做随笔记录,肯定存在多处欠妥,望大家海涵:若有不足,望大家批评指正. 进实验室后分配到的第一个项目,需要制作一个不确定层级树形菜单的数据接口,对于从来没实战编过程的 ...
- 在java中像js那样处理json数据
工作中经常需要通过ajax向前台返回json数据,都是通过拼字符串拼出来的,很发麻烦不说,还容易出错. 于是想,能不能像js那样操作json呢?或者说更方便的操作呢? Google的gson就是这样的 ...
- json-server 和mock.js生成大量json数据
JSON-server和mock.jsmock文件夹下 db.json db.jsjson-sever使用 安装:npm install json-server -g/mock 目录下执行json-s ...
- django 解析上传xls文件
1.解析上传数据 class DataUploadAPIView(APIView): # authentication_classes = (JSONWebTokenAuthentication, S ...
- 07-C#笔记-运算符
1. 支持++和-- 含义和C++中相同 2. 条件运算 同C++ 3. 位运算 ^ 异或 ~ 取反 4. 支持?:运算 5. 特殊 is 判断对象是否为某一类型. If( Ford is Car) ...
- plv8 中使用 eval 函数执行表达式计算
在js 开发中我们都说eval 函数是邪恶的,但是此函数也有好多妙用,以下是几个简单的案例 eval 执行基于js 的表达式计算 比如我们有以下表 CREATE TABLE rules ( id ...
- PATA1077Kuchiguse
需要注意的有关于二维字符串数组的输入问题,先是定义要多留一位用于存放'\0' 还有就是使用scanf后,会有回车换行符,如果要使用gets或是接下来的方式代替gets,记得加上getchar,不然会出 ...
- ##ant 打包apk
ant 打包apk 1. 参考: Android Ant 批量多渠道打包实例 单个渠道类似操作,只不过不用修改build.xml文件 2. 修改ant debug的包签名,使用和release版本相同 ...
- 爬取'Content-Type': 'text/plain;charset=UTF-8' ,发送请求数据方式
解决方式 直接以字符串的方式发送data就可以得到响应数据 import requests data = 'k1:v1,k2:v2' requests.post(url, data=data)
- 记一次网络故障——pod间无法通信
一.背景 集群是二进制部署 部署完成后一起正常,各种资源对象均可正常创建. 部署应用后发现无法跨节点通信,且pod的ip都是172.17.0.0段的 二.排查过程层 查看节点路由,发现docker0网 ...
- storm 介绍+八种grouping方法
Storm主要的应用场景就是流式数据处理,例如实时推荐系统,实时监控系统等. storm中的相关概念 在storm中,分布式的计算结构指的是一个topology(拓扑),一个topology由流式数据 ...
- 正则表达式之re模块
re模块一.什么是正则表达式与re模块?1.1 字符组1.2 元字符1.2.1 单个使用1.2.2 组合使用二.为什么要使用正则三.如何使用3.1 re模块的三种比较重要的方法3.1.1 findal ...
- Scrum story
鸡和猪的故事故事: 一天,一只鸡散步时遇见了猪. 鸡对猪说:“嗨,我们合伙开个餐厅吧.” 猪说:“好啊,那准备取什么店名呢?” 鸡说:“要不,就叫火腿和鸡蛋吧.” 猪直接拒绝了:“那可不行.我要割肉, ...