json是前后端数据交互的关键。后端提供的接口中的数据几乎都是通过json来表现的,所以,需要对这个json做一些小结;

  这里要推进谷歌的插件Fehelp前端助手,这个可以清楚的看到json的数据;

  以如下json数据为例

{
"equipments": [
{
"run_status": "1",
"name": "空压机1",
"data": {
"id": "4028817a5c8a9943015caa447ac727f0",
"equipment_id": 1,
"a_electricity": 113,
"shake": 2.5,
"rate": 0,
"temperature1": 66,
"temperature2": 77,
"pressure1": 0,
"pressure2": -13.9,
"pressure3": 0.31,
"air_supply_pressure": 0.31,
"venting_temperature": 77,
"run_time": 15629,
"load_time": 14750,
"main_a_electricity": 0,
"run_status1": "100000000011",
"run_status2": "0",
"control_status": 0,
"oil_filter_used_time": 2941,
"oil_distributor_used_time": 0,
"air_filter_used_time": 0,
"lubricating_oil_used_time": 2941,
"lubricating_grease_used_time": 2941,
"degree": 269208,
"inverter_fault_code": 0,
"remark2": null,
"remark1": 0,
"power": 71,
"link_status": 1,
"date": 1497505233603,
"hour": 2017061513,
"day": 20170615,
"month": 201706,
"year": 2017
},
"load_status": "1",
"link_status": 1,
"fault": null,
"type": 4,
"equipment_id": 1
},
{
"run_status": "1",
"name": "空压机2",
"data": {
"id": "4028817a5c8a9943015caa447ac827f1",
"equipment_id": 2,
"a_electricity": 115,
"shake": 2.1,
"rate": 88.6,
"temperature1": 62,
"temperature2": 77,
"pressure1": 0.428,
"pressure2": -10.1,
"pressure3": 0.4,
"air_supply_pressure": 0.4,
"venting_temperature": 77,
"run_time": 16060,
"load_time": 15996,
"main_a_electricity": 143,
"run_status1": "100000000011",
"run_status2": "0",
"control_status": 0,
"oil_filter_used_time": 2997,
"oil_distributor_used_time": 312,
"air_filter_used_time": 88,
"lubricating_oil_used_time": 2997,
"lubricating_grease_used_time": 2997,
"degree": 200835,
"inverter_fault_code": 13,
"remark2": null,
"remark1": 0,
"power": 72,
"link_status": 1,
"date": 1497505233603,
"hour": 2017061513,
"day": 20170615,
"month": 201706,
"year": 2017
},
"load_status": "1",
"link_status": 1,
"fault": {
"id": "4028817a5c8a9943015c948cd2734d2f",
"type": 1,
"has_read": null,
"date": "2017-06-11 08:27:55",
"equipment_id": 2,
"info": "空压机2:[报警]"
},
"type": 4,
"equipment_id": 2
},
{
"run_status": "1",
"name": "空压机3",
"data": {
"id": "4028817a5c8a9943015caa447ac927f2",
"equipment_id": 3,
"a_electricity": 70,
"shake": 0.6,
"rate": 17.8,
"temperature1": 38,
"temperature2": 78,
"pressure1": 0.32,
"pressure2": -2.6,
"pressure3": 0.308,
"air_supply_pressure": 0.308,
"venting_temperature": 78,
"run_time": 6751,
"load_time": 6733,
"main_a_electricity": 174,
"run_status1": "11",
"run_status2": "0",
"control_status": 0,
"oil_filter_used_time": 0,
"oil_distributor_used_time": 137,
"air_filter_used_time": 775,
"lubricating_oil_used_time": 0,
"lubricating_grease_used_time": 0,
"degree": 376393,
"inverter_fault_code": -23017,
"remark2": null,
"remark1": 0,
"power": 43,
"link_status": 1,
"date": 1497505233603,
"hour": 2017061513,
"day": 20170615,
"month": 201706,
"year": 2017
},
"load_status": "1",
"link_status": 1,
"fault": {
"id": "4028817a5ba84088015bb2f9496059a7",
"type": 1,
"has_read": null,
"date": "2017-04-28 13:12:13",
"equipment_id": 3,
"info": "空压机3:[主电机电流故障, 报警]"
},
"type": 4,
"equipment_id": 3
},
{
"run_status": "1",
"name": "空压机4",
"data": {
"id": "4028817a5c8a9943015caa447acb27f3",
"equipment_id": 4,
"a_electricity": 68,
"shake": 2.5,
"rate": 44.8,
"temperature1": 66,
"temperature2": 68,
"pressure1": 0.429,
"pressure2": -4.1,
"pressure3": 0.41,
"air_supply_pressure": 0.41,
"venting_temperature": 68,
"run_time": 16551,
"load_time": 16542,
"main_a_electricity": 120,
"run_status1": "100000000011",
"run_status2": "0",
"control_status": 0,
"oil_filter_used_time": 3065,
"oil_distributor_used_time": 182,
"air_filter_used_time": 100,
"lubricating_oil_used_time": 3065,
"lubricating_grease_used_time": 3065,
"degree": 186991,
"inverter_fault_code": 22,
"remark2": null,
"remark1": 0,
"power": 38,
"link_status": 1,
"date": 1497505233603,
"hour": 2017061513,
"day": 20170615,
"month": 201706,
"year": 2017
},
"load_status": "1",
"link_status": 1,
"fault": null,
"type": 4,
"equipment_id": 4
},
{
"run_status": "0",
"name": "空压机5",
"data": {
"id": "4028817a5c8a9943015caa447acc27f4",
"equipment_id": 5,
"a_electricity": 0,
"shake": 0,
"rate": 0,
"temperature1": 0,
"temperature2": 0,
"pressure1": 0.409,
"pressure2": -100,
"pressure3": 0,
"air_supply_pressure": 0,
"venting_temperature": 0,
"run_time": 601,
"load_time": 0,
"main_a_electricity": 0,
"run_status1": "0",
"run_status2": "0",
"control_status": 0,
"oil_filter_used_time": 601,
"oil_distributor_used_time": 601,
"air_filter_used_time": 601,
"lubricating_oil_used_time": 601,
"lubricating_grease_used_time": 601,
"degree": 0,
"inverter_fault_code": 0,
"remark2": null,
"remark1": 0,
"power": 0,
"link_status": 1,
"date": 1497505233603,
"hour": 2017061513,
"day": 20170615,
"month": 201706,
"year": 2017
},
"load_status": "0",
"link_status": 1,
"fault": null,
"type": 4,
"equipment_id": 5
},
{
"name": "冷干机1",
"data": {
"id": 4852493,
"equipment_id": 6,
"m0": 50,
"m1": 6.4,
"m2": 135,
"m3": 150,
"m4": 20,
"m5": 2,
"m6": 1,
"m7": 0,
"m8": 0,
"m9": 0,
"m10": 0,
"m11": 13.37,
"m12": 0,
"m13": 0,
"m14": 0,
"m15": 0,
"m16": 0,
"m17": 0,
"m18": 0,
"m19": 15,
"m20": 0,
"m21": 0,
"power": 3,
"degree": 10840,
"electricity": 6,
"link_status": 1,
"date": 1497505233603,
"hour": 2017061513,
"day": 20170615,
"month": 201706,
"year": 2017
},
"fault": null,
"type": 6,
"equipment_id": 6
},
{
"name": "冷干机2",
"data": {
"id": 4852494,
"equipment_id": 7,
"m0": 40,
"m1": 15.1,
"m2": 135,
"m3": 189,
"m4": 20,
"m5": 2,
"m6": 1,
"m7": 0,
"m8": 0,
"m9": 0,
"m10": 0,
"m11": 12.4,
"m12": 0,
"m13": 0,
"m14": 0,
"m15": 0,
"m16": 0,
"m17": 0.297,
"m18": 0,
"m19": 20,
"m20": 0,
"m21": 0,
"power": 3,
"degree": 17258,
"electricity": 11,
"link_status": 1,
"date": 1497505233603,
"hour": 2017061513,
"day": 20170615,
"month": 201706,
"year": 2017
},
"fault": null,
"type": 6,
"equipment_id": 7
},
{
"name": "流量计1",
"data": {
"id": "4028817a5c8a9943015caa447acd27f5",
"equipment_id": 8,
"dew_point": -20,
"real_time_flow": 1286,
"workshop_pressure": 0.423,
"flow": 10772462,
"iquid_level1": 0,
"iquid_level2": 0,
"iquid_level3": 0,
"iquid_level4": 0,
"il_status": 0,
"il_alert": 0,
"link_status": 1,
"date": 1497505233603,
"hour": 2017061513,
"day": 20170615,
"month": 201706,
"year": 2017
},
"fault": null,
"type": 11,
"equipment_id": 8
},
{
"name": "流量计2",
"data": {
"id": "4028817a5c8a9943015caa447ace27f6",
"equipment_id": 9,
"dew_point": -20,
"real_time_flow": 1315,
"workshop_pressure": 0.304,
"flow": 12162422,
"iquid_level1": 0,
"iquid_level2": 0,
"iquid_level3": 0,
"iquid_level4": 0,
"il_status": 0,
"il_alert": 0,
"link_status": 1,
"date": 1497505233603,
"hour": 2017061513,
"day": 20170615,
"month": 201706,
"year": 2017
},
"fault": null,
"type": 11,
"equipment_id": 9
},
{
"name": "联控箱",
"data": {
"id": 2426247,
"date": 1497505233603,
"jc_pressure": 0.31,
"jc_load_pressure": 0.001,
"jc_unload_pressure": 0.001,
"jc_rate": 0,
"jc_status": 0,
"link_status": "1111100000",
"run_status": "11110",
"load_status": "11110",
"hour": 2017061513,
"day": 20170615,
"month": 201706,
"year": 2017,
"equipment_id": 10,
"electricity": 366
},
"fault": null,
"type": 12,
"equipment_id": 10
}
],
"rooms": [
{
"bgl": 9.02,
"name": "空压机房",
"data": {
"id": "4028817a5c8a9943015caa447ad427f9",
"room_id": 1,
"degree": 1061525,
"electricity": 383,
"power": 230,
"flow": 22934884,
"real_time_flow": 2601,
"date": 1497505233603,
"hour": 2017061513,
"day": 20170615,
"month": 201706,
"year": 2017,
"temperature": null,
"humidity": null
}
},
{
"bgl": 0,
"name": "01号配电房",
"data": null
},
{
"bgl": 0,
"name": "02号配电房",
"data": null
}
]
}

  这个json数据中包含equipments和rooms两个数组,ajax接受这个json数据之后需要通过JSON.parse方法转换为对象,这样就能访问里面的数据了。然后JSON.parse(data).equipments['i']便可以访问数组里面的数据了。这个数字里面又是对象,可以继续通过'.'语法调用里面的数据;

浏览器端一般情况下,我们可以使用 JSON.parse() 方法将json数据转换为 JavaScript 对象来渲染数据到页面上;

服务器端我们通常可通过JSON.stringify(obj)将对象装换为字符串来使用

关于json对象的使用小结!的更多相关文章

  1. js学习-自定义函数、对象的字面量、json对象学习小结

    一.自定义对象的构造: var student=new Object(); //object是顶级对象,使用构造函数的方法创建一个对象,此处的意思是创建了一个学生的空对象 student.name=& ...

  2. java后台常用json解析工具问题小结

    若排版紊乱可查看我的个人博客原文地址 java后台常用json解析工具问题小结 这里不细究造成这些问题的底层原因,只是单纯的描述我碰到的问题及对应的解决方法 jackson将java对象转json字符 ...

  3. 浅谈对Jquery+JSON+WebService的使用小结

    https://www.jb51.net/article/36207.htm  更新时间:2013年04月28日 12:19:55   作者:    我要评论   本篇文章介绍了对Jquery+JSO ...

  4. 一种简单,轻量,灵活的C#对象转Json对象的方案(续)

    本文参考资料 一种简单,轻量,灵活的C#对象转Json对象的方案 [源码]Literacy 快速反射读写对象属性,字段 一段废话 之前我已经介绍了这个方案的名称为JsonBuilder,这套方案最大的 ...

  5. jQuery中的$.extend方法来扩展JSON对象及合并,方便调用对象方法

    $.extend方法可以扩展JSON对象,用一个或多个其他对象来扩展一个对象,返回被扩展的对象. 例一 合并 settings 和 options,修改并返回 settings var setting ...

  6. Json对象与Json字符串互转(4种转换方式)

    Json字符与Json对象的相互转换方式有很多,接下来将为大家一一介绍下,感兴趣的朋友可以参考下哈,希望可以帮助到你 1>jQuery插件支持的转换方式: 复制代码代码如下: $.parseJS ...

  7. js压缩xml字符串,将xml字符串转换为xml对象,将xml对象转换为json对象

    /** * 压缩xml字符串 */ function compressXmlStr(str){ var prefix, suffix; var i = str.indexOf("\r&quo ...

  8. js中的json对象和字符串之间的转化

    字符串转对象(strJSON代表json字符串)   var obj = eval(strJSON);   var obj = strJSON.parseJSON();   var obj = JSO ...

  9. jQuery中json对象与json字符串互换

    json字符串转json对象:jQuery.parseJSON(jsonStr); json对象转json字符串:JSON.stringify(jsonObj); 根据“|”把字符串变成数组.spli ...

随机推荐

  1. windows下后台启动PHP,Nginx,Redis(使用RunHiddenConsole)

    启动命令(红色代码可选): 启动PHP RunHiddenConsole D:/phpStudy/PHPTutorial/php/php-5.6.27-nts/php-cgi.exe -b 127.0 ...

  2. Applied Social Network Analysis in Python 相关笔记

  3. LGP2891题解

    题目大意 有 \(n\) 只奶牛,\(q\) 种食物和 \(p\) 种饮料,每只奶牛喜欢一些饮料和食物,但只能那一种,求最小配对数量. 首先来看一下这道题的简化版:没有饮料,该怎么做呢? 我会!裸的二 ...

  4. C#处理医学影像(三):基于漫水边界自动选取病灶范围的实现思路

    开发背景: 医生在实际使用PACS软件观察病灶时,经常会测量不规则病灶的周长和面积,使用画笔工具勾勒比较耗时且准度欠佳, 或者在标记人工智能训练样本时少则几百张,多则几千张,为极大减少耗时和极大提高工 ...

  5. WMTS服务解析

    WMTS服务解析 1.基本思路 拼接地址,请求xml文件 ↓ 处理获取的xml文件,返回参数 ↓ 获取xml解析得到的参数,组织结构 2.对应函数 requestWMTS (olUrl) ↓ hand ...

  6. gdk-pixbuf tiff_image_parse函数整数溢出漏洞

    受影响系统:gdk-pixbuf gdk-pixbuf 2.36.6描述:CVE(CAN) ID: CVE-2017-2870 gdk-pixbuf是一个用于以各种格式加载图像和像素缓冲处理的库. 使 ...

  7. Python3输出九九乘法表

    for i in range(1,10): for j in range(1,i+1): print('{}x{}={}\t'.format(i, j, i*j), end='') #format格式 ...

  8. 详解数据库三种删除方法: delete drop truncate

    Delete Delete :删除数据表中的行(可以删除某一行,也可以在不删除数据表的情况下删除所有行). 删除某一行:Delete from 数据表名称 where 列名称=值: 删除所有行:Del ...

  9. collections 数据类型扩展模块

    在内置数据类型(dict.list.set.tuple)的基础上,collections模块还提供了几个额外的数据类型:Counter.deque.defaultdict.namedtuple和Ord ...

  10. 《前端运维》二、Nginx--4代理、负载均衡与其他

    一.代理服务 比较容易理解吧,简单来说.客户端访问服务器并不是直接访问的,而是通过中间代理服务器,代理服务器再去访问服务器.就像一个中转站一样,无论什么,只要从客户端到服务器,你就要通过我. 一)正向 ...