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 相关文章推荐
Javascript中的数学函数
Apr 04 Javascript
JS获取页面窗口大小的代码解读
Dec 01 Javascript
jQuery筛选器children()案例详解(图文)
Feb 17 Javascript
javascript事件模型实例分析
Jan 30 Javascript
Js+Ajax,Get和Post在使用上的区别小结
Jun 08 Javascript
基于jQuery实现照片墙自动播放特效
Jan 12 Javascript
Angularjs 与 bower安装和使用详解
May 11 Javascript
JS中Promise函数then的奥秘探究
Jul 30 Javascript
详解在vue-cli项目下简单使用mockjs模拟数据
Oct 19 Javascript
微信小程序时间选择插件使用详解
Dec 28 Javascript
AJAX在JQuery中的应用详解
Jan 30 jQuery
手机浏览器唤起微信分享(JS)
Oct 11 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
Ajax+PHP 边学边练 之二 实例
2009/11/24 PHP
dedecms函数分享之获取某一栏目所有子栏目
2014/05/19 PHP
PHP基于工厂模式实现的计算器实例
2015/07/16 PHP
php简单实现sql防注入的方法
2016/04/22 PHP
php7函数,声明,返回值等新特性介绍
2018/05/25 PHP
PHP实现的敏感词过滤方法示例
2019/03/06 PHP
js 多浏览器分别判断代码
2010/04/01 Javascript
javaScript中两个等于号和三个等于号之间的区别介绍
2014/06/27 Javascript
浅谈下拉菜单中的Option对象
2015/05/10 Javascript
基于JS实现简单的样式切换效果代码
2015/09/04 Javascript
深入理解JQuery中的事件与动画
2016/05/18 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
2016/08/24 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
Javascript 链式作用域详细介绍
2017/02/23 Javascript
利用JavaScript在网页实现八数码启发式A*算法动画效果
2017/04/16 Javascript
webpack进阶——缓存与独立打包的用法
2017/08/02 Javascript
ES6中的Promise代码详解
2017/10/09 Javascript
微信小程序日历/日期选择插件使用方法详解
2018/12/28 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
2019/04/08 Javascript
Openlayers绘制聚合标注
2020/09/28 Javascript
Python基于回溯法子集树模板解决选排问题示例
2017/09/07 Python
浅谈python中的占位符
2017/11/09 Python
linux安装Python3.4.2的操作方法
2018/09/28 Python
解决python打不开文件(文件不存在)的问题
2019/02/18 Python
python nmap实现端口扫描器教程
2020/05/28 Python
python实现静态web服务器
2019/09/03 Python
在pycharm中关掉ipython console/PyDev操作
2020/06/09 Python
Python reques接口测试框架实现代码
2020/07/28 Python
巴西最大的家具及装饰用品店:Mobly
2017/10/11 全球购物
建筑自我鉴定
2013/10/19 职场文书
校园报刊亭的创业计划书
2014/01/02 职场文书
家长给幼儿园的表扬信
2014/01/09 职场文书
七一表彰活动方案
2014/01/18 职场文书
医院义诊活动总结
2014/07/04 职场文书
党员学习群众路线教育实践活动对照检查材料
2014/09/23 职场文书
Golang中interface{}转为数组的操作
2021/04/30 Golang