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 URL传中文参数引发的乱码问题
Sep 02 Javascript
让js弹出窗口居前显示的实现方法
Jul 10 Javascript
jquery计算鼠标和指定元素之间距离的方法
Jun 26 Javascript
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
May 20 jQuery
vue中本地静态图片路径写法
Mar 06 Javascript
菊花转动的jquery加载动画效果
Aug 19 jQuery
详解vue服务端渲染浏览器端缓存(keep-alive)
Oct 12 Javascript
JavaScript之Blob对象类型的具体使用方法
Nov 29 Javascript
Vue组件通信入门之Provide和Inject机制
Dec 29 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
Apr 28 Javascript
nuxt 每个页面head标签内容设置方式
Nov 05 Javascript
介绍一下28个JS常用数组方法
May 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 获取远程网页内容的代码(fopen,curl已测)
2011/06/06 PHP
获取PHP警告错误信息的解决方法
2013/06/03 PHP
利用浏览器的Javascript控制台调试PHP程序
2014/01/08 PHP
网站被恶意镜像怎么办 php一段代码轻松搞定(全面版)
2018/10/23 PHP
JQuery 弹出框定位实现方法
2010/12/02 Javascript
JavaScript中OnLoad几种使用方法
2012/12/15 Javascript
jQuery如何实现点击页面获得当前点击元素的id或其他信息
2014/01/09 Javascript
jQuery中:button选择器用法实例
2015/01/04 Javascript
JavaScript数据类型详解
2015/04/01 Javascript
基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法
2016/07/22 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
2017/01/23 Javascript
vue项目中引入noVNC远程桌面的方法
2018/03/05 Javascript
vue升级之路之vue-router的使用教程
2018/08/14 Javascript
koa2使用ejs和nunjucks作为模板引擎的使用
2018/11/27 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
2019/07/16 Javascript
vue实现前端分页完整代码
2020/06/17 Javascript
Openlayers实现图形绘制
2020/09/28 Javascript
Vue中computed和watch有哪些区别
2020/12/19 Vue.js
[03:11]TI9战队档案 - Alliance
2019/08/20 DOTA
Python实现判断字符串中包含某个字符的判断函数示例
2018/01/08 Python
Python3基于sax解析xml操作示例
2018/05/22 Python
python批量下载抖音视频
2019/06/17 Python
使用Python的datetime库处理时间(RPA流程)
2019/11/24 Python
django连接mysql数据库及建表操作实例详解
2019/12/10 Python
浅谈pytorch 模型 .pt, .pth, .pkl的区别及模型保存方式
2020/05/25 Python
详解pyinstaller生成exe的闪退问题解决方案
2020/06/19 Python
python输入中文的实例方法
2020/09/14 Python
美国花布包包品牌:Vera Bradley
2017/08/11 全球购物
吉力贝官方网站:Jelly Belly
2019/03/11 全球购物
空指针到底是什么
2012/08/07 面试题
.net面试题
2015/12/22 面试题
学习雷锋倡议书
2014/04/15 职场文书
伦敦奥运会口号
2014/06/13 职场文书
2014年安全生产责任书
2014/07/22 职场文书
师德师风自我评价范文
2014/09/11 职场文书
2016春季运动会开幕词
2016/03/04 职场文书