json定义及jquery操作json的方法


Posted in Javascript onOctober 03, 2016

一、背景

json是一种轻量级数据交换格式,非常利于Java服务与js的交互,本文将介绍json的简单定义和js如何解析json。

二、内容

1、json定义:

简单的json格式为[{"key1":"value1"},{"key2":"value2"}],

[]代表数组,{}代表数组中的数据对象,key1,key2是一个json对象中的key,一个json中key值唯一,value1,value2,是key键对应的值。

定义方式:

1)直接拼写json串,例:String变量,内容为[{"attchName":"附件0","attchId":0},{"attchName":"附件1","attchId":1},{"attchName":"附件2","attchId":2}]。

2)引入json-lib.jar开源jar包,定义JSONObject对象,例:

JSONArray jsonArray = newJSONArray();JSONObject attchJson = newJSONObject();attchJson.put("attchId","0");

attchJson.put("attchName", "附件0");jsonArray.put(attchJson);jsonArray即为一个json数据,等价于用[]的定义一个json.

复杂json定义,json中key对应的值也可以是一个json数组,如,json中封装一个任务信息,这个任务中有若干附件定义方法如下:

JSONArray taskJsonArray = newJSONArray();JSONObject taskJsonObj = newJSONObject();taskJsonObj.put("taskId",100);

taskJsonObj.put("taskName", "myTask");taskJsonObj.put("attchs",jsonArray);taskJsonArray.put(jsonObj);

taskJsonArray为最后想要得到的json内容,

简单拼串后的形式如下:

[{"attchs":[{"attchName":"附件0","attchId":0},{"attchName":"附件1","attchId":1},{"attchName":"附件2","attchId":2}],"taskId":100,"taskName":"myTask"}]

2、js解析json

json的一般解析方式:

var json = eval_r(jsonArray );
 for(var i=0;i<json.length;i++){ 
 alert("attchId:"+json[i].attchId+",attchName:"+json[i].attchName);
}

使用jQuery解析json:

$.getJSON("jsonTest",{showNumber:"3"},function(data){    
 
 $.each(data,function(idx,item){
   //alert(idx);
   if(idx<0){
    returntrue;//同countinue,返回false同break
   } 
   alert("attchId:"+item.attchId+",taskName:"+item.attchName); 
   }); });

三、总结

json格式简单,便于解析和生成,而且是一个轻量级数据交换格式,便于在web开发中使用。

以上就是小编为大家带来的json定义及jquery操作json的方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
jquery通过visible来判断标签是否显示或隐藏
May 08 Javascript
解决jquery版本冲突的有效方法
Sep 02 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
Jun 12 Javascript
AngularJS select加载数据选中默认值的方法
Feb 28 Javascript
在Vue项目中取消ESLint代码检测的步骤讲解
Jan 27 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
Feb 01 Javascript
vue自定义指令用法经典实例小结
Mar 16 Javascript
微信小程序 调用微信授权窗口相关问题解决
Jul 25 Javascript
Vue v-for循环之@click点击事件获取元素示例
Nov 09 Javascript
Vue 中如何将函数作为 props 传递给组件的实现代码
May 12 Javascript
jQuery中getJSON跨域原理的深入讲解
Sep 02 jQuery
代码块高亮可复制显示js插件highlight.js+clipboard.js整合
Feb 15 Javascript
javascript中异常处理案例(推荐)
Oct 03 #Javascript
switch语句的妙用(必看篇)
Oct 03 #Javascript
js中scrollTop()方法和scroll()方法用法示例
Oct 03 #Javascript
js鼠标按键事件和键盘按键事件用法实例汇总
Oct 03 #Javascript
JavaScript对象创建模式实例汇总
Oct 03 #Javascript
js实现的光标位置工具函数示例
Oct 03 #Javascript
js获取腾讯视频ID的方法
Oct 03 #Javascript
You might like
php设计模式  Command(命令模式)
2011/06/17 PHP
基于php实现的验证码小程序
2016/12/13 PHP
PHP生成(支持多模板)二维码海报代码
2018/04/30 PHP
php快速导入大量数据的实例方法
2019/09/23 PHP
基于Laravel(5.4版本)的基本增删改查操作方法
2019/10/11 PHP
prototype1.4中文手册
2006/09/22 Javascript
javascript实现分栏显示小技巧附图
2014/10/13 Javascript
js实现拖拽效果
2015/02/12 Javascript
js闭包引起的事件注册问题介绍
2016/03/29 Javascript
关于JavaScript限制字数的输入框的那些事
2016/08/14 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
2016/10/05 Javascript
快速解决js中window.location.href不工作的问题
2016/11/02 Javascript
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
Vue常用的全选/反选的示例代码
2020/02/19 Javascript
Javascript原型链及instanceof原理详解
2020/05/25 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
2020/05/27 Javascript
[06:21]完美世界亚洲区首席发行官竺琦TI3采访
2013/08/26 DOTA
简单介绍Python的Django框架的dj-scaffold项目
2015/05/30 Python
Python argv用法详解
2016/01/08 Python
老生常谈Python进阶之装饰器
2017/05/11 Python
Python使用当前时间、随机数产生一个唯一数字的方法
2017/09/18 Python
Django视图之ORM数据库查询操作API的实例
2017/10/27 Python
Python入门之三角函数sin()函数实例详解
2017/11/08 Python
Python3 queue队列模块详细介绍
2018/01/05 Python
python try except 捕获所有异常的实例
2018/10/18 Python
用Python实现读写锁的示例代码
2018/11/05 Python
Python下opencv图像阈值处理的使用笔记
2019/08/04 Python
无谷物狗粮:Pooch & Mutt
2018/05/23 全球购物
斐乐美国官方网站:FILA美国
2019/03/01 全球购物
教师找工作推荐信
2013/11/23 职场文书
自动化毕业生专业自荐书范文
2014/02/04 职场文书
《再别康桥》教学反思
2014/02/12 职场文书
教师年度考核评语
2014/04/28 职场文书
优秀班集体事迹材料
2014/12/25 职场文书
2016高考寄语集锦
2015/12/04 职场文书
党组织结对共建协议书
2016/03/23 职场文书