json定义及jquery操作json的方法


Posted in Javascript onOctober 03, 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 相关文章推荐
JQuery 风格的HTML文本转义
Jul 01 Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
Feb 19 Javascript
javascript搜索框点击文字消失失焦时文本出现
Sep 18 Javascript
jQuery中用dom操作替代正则表达式
Dec 29 Javascript
AngularJS学习笔记之TodoMVC的分析
Feb 22 Javascript
js实现延时加载Flash的方法
Nov 26 Javascript
Jquery $when done then的用法详解
May 20 Javascript
AngularJS  $modal弹出框实例代码
Aug 24 Javascript
D3.js实现拓扑图的示例代码
Jun 30 Javascript
LayUI表格批量删除方法
Aug 15 Javascript
解决Layui中templet中a的onclick参数传递的问题
Sep 20 Javascript
Vue实现简单购物车功能
Dec 13 Vue.js
javascript中异常处理案例(推荐)
Oct 03 #Javascript
switch语句的妙用(必看篇)
Oct 03 #Javascript
js中scrollTop()方法和scroll()方法用法示例
Oct 03 #Javascript
js鼠标按键事件和键盘按键事件用法实例汇总
Oct 03 #Javascript
JavaScript对象创建模式实例汇总
Oct 03 #Javascript
js实现的光标位置工具函数示例
Oct 03 #Javascript
js获取腾讯视频ID的方法
Oct 03 #Javascript
You might like
PHP新手上路(十)
2006/10/09 PHP
Zend Framework 2.0事件管理器(The EventManager)入门教程
2014/08/11 PHP
PHP中使用sleep造成mysql读取失败的案例和解决方法
2014/08/21 PHP
推荐一本PHP程序猿都应该拜读的书
2014/12/31 PHP
非常实用的php验证码类
2016/05/15 PHP
Zend Framework入门教程之Zend_Config组件用法详解
2016/12/09 PHP
PHP基于mcript扩展实现对称加密功能示例
2019/02/21 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
动态控制Table的js代码
2007/03/07 Javascript
解决 firefox 不支持 document.all的方法
2007/03/12 Javascript
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
2011/07/31 Javascript
qq悬浮代码(兼容各个浏览器)
2014/01/29 Javascript
js实现按钮颜色渐变动画效果
2015/08/20 Javascript
Javascript的无new构建实例详解
2016/05/15 Javascript
React Native日期时间选择组件的示例代码
2018/04/27 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
2018/06/05 Javascript
js中async函数结合promise的小案例浅析
2019/04/14 Javascript
Ant Design Vue table中列超长显示...并加提示语的实例
2020/10/31 Javascript
Python列表生成器的循环技巧分享
2015/03/06 Python
简介二分查找算法与相关的Python实现示例
2015/08/26 Python
Python内置的HTTP协议服务器SimpleHTTPServer使用指南
2016/03/30 Python
Python数据分析之真实IP请求Pandas详解
2016/11/18 Python
python中的变量如何开辟内存
2018/06/26 Python
pytorch中tensor的合并与截取方法
2018/07/26 Python
Python 3 实现定义跨模块的全局变量和使用教程
2019/07/07 Python
python 公共方法汇总解析
2019/09/16 Python
利用Python自动化操作AutoCAD的实现
2020/04/01 Python
python 实现朴素贝叶斯算法的示例
2020/09/30 Python
canvas实现圆绘制的示例代码
2019/09/11 HTML / CSS
DJI美国:消费类无人机领域的领导者
2018/04/27 全球购物
党员公开承诺践诺书
2014/03/25 职场文书
王力宏牛津大学演讲稿
2014/05/22 职场文书
工商管理专业毕业生求职信
2014/05/26 职场文书
办理护照工作证明
2014/10/10 职场文书
试用期工作表现自我评价
2015/03/06 职场文书
Apache Hudi 加速传统的批处理模式
2022/04/24 Servers