json对象转js对象
json数据:
{ "YD1": 0,
"YD2": 0,
"YD3": 0,
"YD4": 0,
"YD5": 0,
"YD6": 0,
"YD7": 0,
"YD8": 0,
"YD9": 0,
"YD10": 0,
"YD11": 0,
"YD12": 0,
"GH1": 0,
"GH2": 0,
"GH3": 0,
"GH4": 0,
"GH5": 0,
"GH6": 0,
"GH7": 0,
"GH8": 0,
"GH9": 0,
"GH10": 0,
"GH11": 0,
"GH12": 0,
"KD1": 0,
"KD2": 0,
"KD3": 0,
"KD4": 0,
"KD5": 0,
"KD6": 0,
"KD7": 0,
"KD8": 0,
"KD9": 0,
"KD10": 0,
"KD11": 0,
"KD12": 0,
"TYGQ1": 0,
"TYGQ2": 0,
"TYGQ3": 0,
"TYGQ4": 0,
"TYGQ5": 0,
"TYGQ6": 0,
"TYGQ7": 0,
"TYGQ8": 0,
"TYGQ9": 0,
"TYGQ10": 0,
"TYGQ11": 0,
"TYGQ12": 0,
}
ajax:
var bardatas; //定义全局变量
function CMOneImg(){
$.ajax( {
type : "POST",
url : '/ailk-visual/grossprofit/mendian2all.do?random='+Math.random(),
dataType:'json',
data:{//+'&monthId=201701&oid=5101011167302'
monthId : 201701 00,
mdId :'',
},
success : function(data) {
// console.log(JSON.stringify(data));
bardatas = data;
},
error: function(data){
console.log(data);
}
});
}
第一种方法:
js:
var ydArr = [],kdArr=[];
function addJsonArr(){
for (var item in bardatas) {//bardatas指要循环的json对象
// console.log(item);//得到键
// console.log(dataJson[item]);//得到键对应的值
if(item.indexOf('YD')==0){//移动 以YD开头的添加到jsonArr数组中
var obj01 = {obj1:bardatas[item]};
ydArr.push(obj01);
}
if(item.indexOf('KD')==0){//款待 以YD开头的添加到jsonArr数组中
var obj02 = {obj1:bardatas[item]};
kdArr.push(obj02);
}
/*
//转成数组
if(item.indexOf('KD')==0){//款待 以YD开头的添加到jsonArr数组中
var obj02 = bardatas[item]; //去掉obj1:
kdArr.push(obj02);
}
*/
}
console.log(ydArr); console.log(kdArr);
var datas={};
datas.ydArr = ydArr;datas.kdArr = kdArr;
StoreSalesLine('StoreSalesLine002', months, datas);//折线图 ①首先定义全局变量months=[ ],②ajax中success请求months = data.sort().reverse();③数据处理
}
echarts:
function Line(id, months, datas){
x轴: data:months
series:[
{
数据一:data:datas.ydArr
},{
数据二:data:datas.kdArr
}
]
}
第二种方法:
js:
function CLine(){
var datas = {};
var yd = [], kd = [], gh = [], tygq = [];
var months = [];
yd.push(bardatas.YD1);yd.push(bardatas.YD2);yd.push(bardatas.YD3);yd.push(bardatas.YD4);yd.push(bardatas.YD5);yd.push(bardatas.YD6);
yd.push(bardatas.YD7);yd.push(bardatas.YD8);yd.push(bardatas.YD9);yd.push(bardatas.YD10);yd.push(bardatas.YD11);yd.push(bardatas.YD12); kd.push(bardatas.KD1);kd.push(bardatas.KD2);kd.push(bardatas.KD3);kd.push(bardatas.KD4);kd.push(bardatas.KD5);kd.push(bardatas.KD6);
kd.push(bardatas.KD7);kd.push(bardatas.KD8);kd.push(bardatas.KD9);kd.push(bardatas.KD10);kd.push(bardatas.KD11);kd.push(bardatas.KD12); gh.push(bardatas.GH1);gh.push(bardatas.GH2);gh.push(bardatas.GH3);gh.push(bardatas.GH4);gh.push(bardatas.GH5);gh.push(bardatas.GH6);
gh.push(bardatas.GH7);gh.push(bardatas.GH8);gh.push(bardatas.GH9);gh.push(bardatas.GH10);gh.push(bardatas.GH11);gh.push(bardatas.GH12); tygq.push(bardatas.TYGQ1);tygq.push(bardatas.TYGQ2);tygq.push(bardatas.TYGQ3);tygq.push(bardatas.TYGQ4);tygq.push(bardatas.TYGQ5);tygq.push(bardatas.TYGQ6);
tygq.push(bardatas.TYGQ7);tygq.push(bardatas.TYGQ8);tygq.push(bardatas.TYGQ9);tygq.push(bardatas.TYGQ10);tygq.push(bardatas.TYGQ11);tygq.push(bardatas.TYGQ12); var yd1= /[YD0-9] /; // 正则,只包含YD和任意0-9的数字
var kd1= /[KD0-9] /;
var gh1= /[GH0-9] /;
var tygq1= /[TYGQ0-9] /;
for(var key in bardatas){
if(key.yd1){ //第一组数据 移动
yd.push(bardatas[key]);
}
if(key.kd1){ //第二组数据 款贷
kd.push(bardatas[key]);
}
if(key.gh1){ //第三组数据 古话
gh.push(bardatas[key]);
}
if(key.tygq1){ //第四组数据 天一搞青
tygq.push(bardatas[key]);
}
}
datas.yd = yd; datas.kd = kd; datas.gh = gh; datas.tygq = tygq;
StoreSalesLine('StoreSalesLine002', months, datas);//折线 console.log(JSON.stringify('移动:'+yd));
console.log(JSON.stringify('款贷:'+kd));
console.log(JSON.stringify('古话:'+gh));
console.log(JSON.stringify('天一搞青:'+tygq)); }
echarts:
function Line(id, months, datas){
x轴: data:months
series:[
{
数据一:data:datas.yd
},{
数据二:data:datas.kd
}
]
}
json对象转js对象的更多相关文章
- JSON字符串和JS对象之间的转换
JSON字符串和JS对象之间的转换 1 json字符串转换为js对象 1.1 标准json格式字符串转换为Js对象 JSON字符串 str JSON.parse(str) eval(str) eva ...
- 使用JSON语法创建JS对象(重要)
JS对象的键值可以加单引号或者不加或者加双引号 JSON语法提供了一种更简单的方式来创建对象,可以避免书写函数,也可避免用new关键字,可以直接创建一个JS对象,使用一个花括号,然后将每个属性写成&q ...
- jquery对象与js对象的相互转换
jQuery对象转成DOM对象: 两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index); (1)jQuery对象是一个数据对象,可以通过[index]的方法,来得 ...
- jquery对象和js对象的转化
jquery对象和js对象的转化 jquery对象只能使用jqury方法,不能使用js的方法,相反的,js对象也只能使用js的方法,如果js对象使用了jquery方法,那么浏览器就会报错. 但是在 ...
- DOM对象和js对象以及jQuery对象的区别
DOM对象和js对象以及jQuery对象的区别 DOM对象和js对象以及jQuery对象的区别 一.DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际 ...
- JQuery学习:jquery对象和js对象区别和转换
JQuery对象与JS对象区别与转换 1.JQuery对象在操作时,更加方便 2.JQuery对象和js对象方法不通用 3.两者相互转换 * jq -- > js:jq对象[索引] 或者 ...
- JSON字符串和JS对象
JSON和JS对象 一 JSON是什么 JSON是基于文本的,轻量的,用于数据交换的,一种格式. 可以看到JSON的定义里面有很多的定语,现在就每个限定解释一下: 1. 基于文本 这里的意思是相对于哪 ...
- json,json对象以及js对象字面量的区别
从定义看: json:一种数据交换格式 json对象:js的一个内置对象,拥有JSON.stringify()和JSON.parse()两个方法 js对象字面量:封闭在花括号对({})中的一个对象的零 ...
- JSON转JS对象,JS对象转JSON
一.从服务端发来的json字符串,怎么才能作为JavaScript对象(JSON对象)在web端调用呢? 1.如果使用jQuery,就很方便了,可以在ajax一系列函数中,把参数Datatype传js ...
- JSON字符串与JS对象格式转换
JSON通常用于服务器向客户端传送数据,传回来的JSON数据是字符串的形式,所以要转变为JS对象形式才方便我们使用. JSON字符串转变为JS对象:JSON.parse( ); JS对象转变为JSON ...
随机推荐
- Trie Service
Description Build tries from a list of <word, freq> pairs. Save top 10 for each node. Example ...
- .Net 下基于Redlock redis 分布式锁实现
Redlock-cs (C#/.NET implementation). RedLock.net (C#/.NET implementation). Includes async and lock e ...
- DIP大作业---图像分割
数字图像处理课程的大作业,要求如下: 图像分割就是把图像分成若干个特定的.具有独特性质的区域并提出感兴趣目标的技术和过程.它是由图像处理到图像分析的关键步骤.现有的图像分割方法主要分以下几类:基于阈值 ...
- bzoj4868 期末考试 题解
https://www.lydsy.com/JudgeOnline/problem.php?id=4868 显然我们只关注最后出分的学科. 刚开始想的是dp,然而不知道如何记录状态. 突然就想到了正解 ...
- windows安装IIS不成功的原因
一.背景 之前做过一段时间的实施,因此总结一下IIS安装不成功会有哪些原因导致的,希望给踩坑的人提供思路和帮助. 二.分析原因 1.系统问题,比如Windows家庭版本(独白:我之前花了一天的时间安装 ...
- 为 Nginx 添加 HTTP 基本认证(HTTP Basic Authentication)
针对sudo apt-get install命令安装的nginx(默认会有/etc/nginx/conf.d) sudo apt-get install nginx 生成密码 printf " ...
- 【Alpha】“北航社团帮”小程序v1.0测试报告
目录 测试计划.过程和结果 后端单元测试 后端压力测试 测试结果 指标解释 前端测试 授权登录与权限检查 功能测试 兼容性测试 性能测试 回答课程组问题 测试中发现的bug 场景测试 测试矩阵 出口条 ...
- Pyhton学习的基础
函数->功能, 如print(),input(),range(), 方法->功能, 如index()(尽量不用此方法),find(),类里面的函数就叫做方法 容器->列表,字符串,元 ...
- UDP丢包原因总结
丢包检查方法 给每个UDP包编号,对比收发端的接收到的包.对于UDP协议层上的包,例如RTP包,可以从RTP包中读出包的序列号进行判断. 抓包.发送端和接收端分别抓包.linux下可以使用tcpdum ...
- 引用fastclick.js或使用触屏监听 滑动屏幕报错:解决[Intervention] Unable to preventDefault inside passive event listener
使用fastClick.js所产生的一些问题 开发h5活动页时想到移动端会有300ms的延迟,于是便打算用fastClick.js解决. 页面引入fastClick.js后,滑动H5页面的时候发现谷歌 ...