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和css代码压缩工具[附JAVA环境配置方法]
Apr 16 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
Apr 17 Javascript
深入理解Javascript作用域与变量提升
Dec 09 Javascript
jquery实时获取时间的简单实例
Jan 26 Javascript
angular4 共享服务在多个组件中数据通信的示例
Mar 30 Javascript
Bootstrap模态对话框用法简单示例
Aug 31 Javascript
react-navigation之动态修改title的内容
Sep 26 Javascript
使用webpack打包后的vue项目如何正确运行(express)
Oct 26 Javascript
基于vue.js组件实现分页效果
Dec 29 Javascript
jQuery 查找元素操作实例小结
Oct 02 jQuery
原生js实现ajax请求和JSONP跨域请求操作示例
Mar 14 Javascript
vue修改Element的el-table样式的4种方法
Sep 17 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版
2012/04/20 PHP
PHP连接MSSQL时nvarchar字段长度被截断为255的解决方法
2014/12/25 PHP
PHP使用PDO操作sqlite数据库应用案例
2019/03/07 PHP
关于js中for in的缺陷浅析
2013/12/02 Javascript
jQuery基础_入门必看知识点
2016/07/04 Javascript
数据结构中的各种排序方法小结(JS实现)
2016/07/23 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
2017/07/04 Javascript
基于js中的存储键值对以及注意事项介绍
2018/03/30 Javascript
Element-UI Table组件上添加列拖拽效果实现方法
2018/04/14 Javascript
JS中获取 DOM 元素的绝对位置实例详解
2018/04/23 Javascript
Less 安装及基本用法
2018/05/05 Javascript
Angular2之二级路由详解
2018/08/31 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
使用puppeteer爬取网站并抓出404无效链接
2018/12/20 Javascript
JavaScript创建防篡改对象的方法分析
2018/12/30 Javascript
JQueryDOM之样式操作
2019/03/27 jQuery
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
2019/11/05 Javascript
jQuery实现轮播图效果
2019/11/26 jQuery
python和C语言混合编程实例
2014/06/04 Python
理解Python中函数的参数
2015/04/27 Python
python使用PyGame模块播放声音的方法
2015/05/20 Python
python基础while循环及if判断的实例讲解
2017/08/25 Python
Python找出微信上删除你好友的人脚本写法
2018/11/01 Python
python实现扫描ip地址的小程序
2019/04/16 Python
python将音频进行变速的操作方法
2020/04/08 Python
tensorflow2.0教程之Keras快速入门
2021/02/20 Python
求职自荐信
2013/12/14 职场文书
总经理司机岗位职责
2014/02/06 职场文书
运动会入场词200字
2014/02/15 职场文书
贷款工作证明模板
2015/06/12 职场文书
烛光里的微笑观后感
2015/06/17 职场文书
聊聊JS ES6中的解构
2021/04/29 Javascript
js实现自动锁屏功能
2021/06/02 Javascript
Python移位密码、仿射变换解密实例代码
2021/06/27 Python
Python Matplotlib绘制条形图的全过程
2021/10/24 Python
app场景下uniapp的扫码记录
2022/07/23 Java/Android