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 相关文章推荐
document对象execCommand的command参数介绍
Aug 01 Javascript
JQuery之拖拽插件实现代码
Apr 14 Javascript
JS 如果改变span标签的是否隐藏属性
Oct 06 Javascript
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)
Jun 24 Javascript
js实现点击链接后延迟3秒再跳转的方法
Jun 05 Javascript
AngularJS实现Model缓存的方式
Feb 03 Javascript
js实现年月日表单三级联动
Apr 17 Javascript
jQuery实现右侧抽屉式在线客服功能
Dec 25 jQuery
JavaScript事件对象深入详解
Dec 30 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
Aug 29 Javascript
原生js基于canvas实现一个简单的前端截图工具代码实例
Sep 10 Javascript
JS随机密码生成算法
Sep 23 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
基于Jquery的简单&amp;简陋Tabs插件代码
2010/02/09 Javascript
javascript 函数调用的对象和方法
2010/07/01 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
2012/08/24 Javascript
javascript中的循环语句for语句深入理解
2014/04/04 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
2015/05/20 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
2015/10/26 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
2016/03/25 Javascript
vue.js指令v-model使用方法
2017/03/20 Javascript
详解JavaScript对象的深浅复制
2017/03/30 Javascript
原生JS实现日历组件的示例代码
2017/09/22 Javascript
jQuery EasyUI开发技巧总结
2017/09/26 jQuery
Angular4实现鼠标悬停3d倾斜效果
2017/10/25 Javascript
JavaScript生成简单等差数列
2017/11/28 Javascript
vue路由懒加载的实现方法
2018/03/12 Javascript
详解Javascript中new()到底做了些什么?
2018/03/29 Javascript
详解js跨域请求的两种方式,支持post请求
2018/05/05 Javascript
详解关于微信setData回调函数中的坑
2019/02/18 Javascript
JS字符串常用操作方法实例小结
2019/06/24 Javascript
webpack4.0+vue2.0利用批处理生成前端单页或多页应用的方法
2019/06/28 Javascript
微信小程序 腾讯地图显示偏差问题解决
2019/07/27 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
2019/11/04 Javascript
[47:42]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[47:42]完美世界DOTA2联赛PWL S2 GXR vs Ink 第一场 11.19
2020/11/20 DOTA
python基础教程之基本内置数据类型介绍
2014/02/20 Python
python 去除二维数组/二维列表中的重复行方法
2019/01/23 Python
Selenium向iframe富文本框输入内容过程图解
2020/04/10 Python
keras分类之二分类实例(Cat and dog)
2020/07/09 Python
html5自定义video标签的海报与播放按钮功能
2019/12/04 HTML / CSS
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
2020/05/28 HTML / CSS
阿迪达斯加拿大官网:Adidas加拿大
2016/08/25 全球购物
鞋子女王塔玛拉·梅隆同名奢侈品牌:Tamara Mellon
2017/11/22 全球购物
预备党员思想汇报范文
2013/12/29 职场文书
英语教师自荐信
2014/05/26 职场文书
小学毕业典礼演讲稿
2014/09/09 职场文书
党员思想汇报材料
2014/12/19 职场文书
个人求职信格式范文
2015/03/20 职场文书