json定义及jquery操作json的方法


Posted in Javascript onSeptember 29, 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 相关文章推荐
js中复制行和删除行的操作实例
Jun 25 Javascript
jquery 添加节点的几种方法介绍
Sep 04 Javascript
jQuery实现Flash效果上下翻动的中英文导航菜单代码
Sep 22 Javascript
js实现PC端根据IP定位当前城市地理位置
Feb 22 Javascript
JS简单实现数组去重的方法示例
Mar 27 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
May 17 Javascript
Vue2.0父子组件传递函数的教程详解
Oct 16 Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
Dec 07 Javascript
微信小程序使用canvas的画图操作示例
Jan 18 Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
Jul 10 Javascript
详解React 条件渲染
Jul 08 Javascript
Ant-design-vue Table组件customRow属性的使用说明
Oct 28 Javascript
JavaScript中apply方法的应用技巧小结
Sep 29 #Javascript
老生常谈javascript变量的命名规范和注释
Sep 29 #Javascript
浅谈javascript:两种注释,声明变量,定义函数
Sep 29 #Javascript
JS当前页面登录注册框,固定DIV,底层阴影的实例代码
Sep 29 #Javascript
Bootstrap Table从服务器加载数据进行显示的实现方法
Sep 29 #Javascript
dul无法加载bootstrap实现unload table/user恢复
Sep 29 #Javascript
微信小程序  简单实例(阅读器)的实例开发
Sep 29 #Javascript
You might like
德生PL990的分析评价
2021/03/02 无线电
PHP详解ASCII码对照表与字符转换
2011/12/05 PHP
PHP数据流应用的一个简单实例
2012/09/14 PHP
深入理解PHP中的global
2014/08/19 PHP
Tab页界面,用jQuery及Ajax技术实现
2009/09/21 Javascript
js有关元素内容操作小结
2011/12/20 Javascript
JavaScript按位运算符的应用简析
2014/02/04 Javascript
jQuery中多个元素的Hover事件解决方案
2014/06/12 Javascript
JavaScript让网页出现渐隐渐显背景颜色的方法
2015/04/21 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
2015/12/20 Javascript
jQuery实现下拉框功能实例代码
2016/05/06 Javascript
vue2.0获取自定义属性的值
2017/03/28 Javascript
JS基于正则表达式的替换操作(replace)用法示例
2017/04/28 Javascript
vue.js实现条件渲染的实例代码
2017/06/22 Javascript
Angular使用Md5加密的解决方法
2017/09/16 Javascript
原生JS实现的双色球功能示例
2018/02/02 Javascript
基于angular6.0实现的一个组件懒加载功能示例
2018/04/12 Javascript
解决bootstrap-select 动态加载数据不显示的问题
2018/08/10 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
2018/09/27 Javascript
jQuery实现网页拼图游戏
2020/04/22 jQuery
vue实现的仿淘宝购物车功能详解
2019/01/27 Javascript
TensorFlow 合并/连接数组的方法
2018/07/27 Python
Python+OpenCV采集本地摄像头的视频
2019/04/25 Python
python实现京东订单推送到测试环境,提供便利操作示例
2019/08/09 Python
python实现猜数字游戏
2020/03/25 Python
Django框架中间件定义与使用方法案例分析
2019/11/28 Python
使用K.function()调试keras操作
2020/06/17 Python
Amara德国:家居饰品、设计师品牌和豪华礼品
2019/05/20 全球购物
加拿大专业美发产品购物网站:Chatters
2021/02/28 全球购物
晚宴邀请函范文
2014/01/15 职场文书
超市重阳节活动方案
2014/02/10 职场文书
导游词之台湾阿里山
2019/10/23 职场文书
pytorch中[..., 0]的用法说明
2021/05/20 Python
MySQL 数据类型选择原则
2021/05/27 MySQL
Redis基于Bitmap实现用户签到功能
2021/06/20 Redis
CSS实现切角+边框+投影+内容背景色渐变效果
2021/11/01 HTML / CSS