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 相关文章推荐
showModelessDialog()使用详解
Sep 07 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
Jan 08 Javascript
基于JavaScript实现手机短信按钮倒计时(超简单)
Dec 30 Javascript
bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能
May 27 Javascript
AngularJS Ajax详解及示例代码
Aug 17 Javascript
微信小程序 Storage API实例详解
Oct 02 Javascript
纯JS实现弹性导航条效果
Mar 06 Javascript
前端自动化开发之Node.js的环境搭建教程
Apr 01 Javascript
基于bootstrap写的一点localStorage本地储存
Nov 21 Javascript
angular json对象push到数组中的方法
Feb 27 Javascript
JS执行控制之节流模式实例分析
Dec 21 Javascript
浅谈nuxtjs校验登录中间件和混入(mixin)
Nov 06 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
php访问查询mysql数据的三种方法
2006/10/09 PHP
PHP flock 文件锁详细介绍
2012/12/29 PHP
PHP判断表单复选框选中状态完整例子
2014/06/24 PHP
PHP实现基于文本的摩斯电码生成器
2016/01/11 PHP
详解laravel passport OAuth2.0的4种模式
2019/11/04 PHP
比较详细的关于javascript中void(0)的具体含义解释
2007/08/02 Javascript
浅析jQuery的链式调用之each函数
2010/12/03 Javascript
图片onload事件触发问题解决方法
2011/07/31 Javascript
关于jquery性能最佳实践的讨论,与求教
2012/03/30 Javascript
学习js在线html(富文本,所见即所得)编辑器
2012/12/18 Javascript
node.js中的fs.rmdir方法使用说明
2014/12/16 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
2015/09/30 Javascript
jQuery 更改checkbox的状态,无效的解决方法
2016/07/22 Javascript
Google 地图获取API Key详细教程
2016/08/06 Javascript
jQuery获取Table某列的值(推荐)
2017/03/03 Javascript
微信小程序中进行地图导航功能的实现方法
2018/06/29 Javascript
解析vue data不可以使用箭头函数问题
2018/07/03 Javascript
vue 纯js监听滚动条到底部的实例讲解
2018/09/03 Javascript
[02:37]TI8勇士令状不朽珍藏II视频展示
2018/06/23 DOTA
Python标准库与第三方库详解
2014/07/22 Python
Python中functools模块的常用函数解析
2016/06/30 Python
python获取酷狗音乐top500的下载地址 MP3格式
2018/04/17 Python
Pycharm之快速定位到某行快捷键的方法
2019/01/20 Python
python 实现识别图片上的数字
2019/07/30 Python
详解python中groupby函数通俗易懂
2020/05/14 Python
英国豪华装饰照明品牌的在线零售商:Inspyer Lighting
2019/12/10 全球购物
《中国的气候》教学反思
2014/02/23 职场文书
离职证明范本(5篇)
2014/09/19 职场文书
大学生见习报告范文
2014/11/03 职场文书
爱岗敬业事迹材料
2014/12/24 职场文书
介绍信怎么写
2015/01/30 职场文书
结婚堵门保证书
2015/05/08 职场文书
孙振耀退休感言
2015/08/01 职场文书
2016年少先队活动总结
2016/04/06 职场文书
二手手机买卖合同范本(2019年版)
2019/10/28 职场文书
ORM模型框架操作mysql数据库的方法
2021/07/25 MySQL