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 相关文章推荐
Packer 3.0 JS压缩及混淆工具 下载
May 03 Javascript
javascript 浏览器检测代码精简版
Mar 04 Javascript
关于JavaScript与HTML的交互事件
Apr 12 Javascript
ExtJS的拖拽效果示例
Dec 09 Javascript
通过$(this)使用jQuery包装后的方法或属性
May 18 Javascript
JavaScript参数个数可变的函数举例说明
Oct 10 Javascript
jQuery使用post方法提交数据实例
Mar 25 Javascript
在AngularJS框架中处理数据建模的方式解析
Mar 05 Javascript
深入解读Node.js中的koa源码
Jun 17 Javascript
javascript利用canvas实现鼠标拖拽功能
Jul 23 Javascript
JS获取当前时间戳方法解析
Aug 29 Javascript
vue 中的动态传参和query传参操作
Nov 09 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+AJAX传送中文会导致乱码的问题的解决方法
2008/09/08 PHP
50个PHP程序性能优化的方法
2014/06/02 PHP
PHP中的gzcompress、gzdeflate、gzencode函数详解
2014/07/29 PHP
Laravel 5 框架入门(二)构建 Pages 的管理功能
2015/04/09 PHP
php+jquery+html实现点击不刷新加载更多的实例代码
2016/08/12 PHP
PHP中迭代器的简单实现及Yii框架中的迭代器实现方法示例
2020/04/26 PHP
javascript 全选与全取消功能的实现代码
2012/12/23 Javascript
设置checkbox为只读(readOnly)的两种方式
2013/10/11 Javascript
js点击button按钮跳转到另一个新页面
2014/10/10 Javascript
JavaScript实现基于Cookie的存储类实例
2015/04/10 Javascript
Jquery简单分页实现方法
2015/07/24 Javascript
JavaScript设计模式开发中组合模式的使用教程
2016/05/18 Javascript
Bootstrap 3.x打印预览背景色与文字显示异常的解决
2016/11/06 Javascript
JS使用面向对象技术实现的tab选项卡效果示例
2017/02/28 Javascript
搭建基于express框架运行环境的方法步骤
2018/11/15 Javascript
Python线程的两种编程方式
2015/04/14 Python
python获取指定目录下所有文件名列表的方法
2015/05/20 Python
python实现俄罗斯方块游戏
2020/03/25 Python
浅谈关于Python3中venv虚拟环境
2018/08/01 Python
在python中将字符串转为json对象并取值的方法
2018/12/31 Python
python抖音表白程序源代码
2019/04/07 Python
Python实现点云投影到平面显示
2020/01/18 Python
解决pycharm安装第三方库失败的问题
2020/05/09 Python
在keras 中获取张量 tensor 的维度大小实例
2020/06/10 Python
Python实现SMTP邮件发送
2020/06/16 Python
selenium判断元素是否存在的两种方法小结
2020/12/07 Python
利用css3画个同心圆示例代码
2017/07/03 HTML / CSS
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
介绍一下木马病毒的种类
2015/07/26 面试题
平民服装店创业计划书
2014/01/17 职场文书
个人充满哲理的自我评价
2014/02/20 职场文书
乡镇办公室工作决心书
2014/03/11 职场文书
企业新年寄语
2014/04/04 职场文书
知识竞赛拉拉队口号
2014/06/16 职场文书
出纳岗位职责范本
2015/03/31 职场文书
庆祝教师节新闻稿
2015/07/17 职场文书