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 相关文章推荐
学习YUI.Ext第五日--做拖放Darg&amp;Drop
Mar 10 Javascript
IE autocomplete internet explorer's autocomplete
Jun 30 Javascript
javascrip关于继承的小例子
May 10 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
Sep 24 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
Oct 23 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 Javascript
浅析js的模块化编写 require.js
Dec 07 Javascript
图片懒加载插件实例分享(含解析)
Jan 09 Javascript
vue.js的提示组件
Mar 02 Javascript
详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)
Jul 13 Javascript
微信小程序 自定义消息提示框
Aug 06 Javascript
详解AngularJS1.x学习directive 中‘&amp; ’‘=’ ‘@’符号的区别使用
Aug 23 Javascript
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
雄兵连:第三季确定会出,不过时间未定,鹤熙是第三季的主角!
2020/03/13 国漫
PHP 文件上传进度条的两种实现方法的代码
2007/11/25 PHP
Ha0k 0.3 PHP 网页木马修改版
2009/10/11 PHP
PHP中去除换行解决办法小结(PHP_EOL)
2011/11/27 PHP
php中防止SQL注入的最佳解决方法
2013/04/25 PHP
PHP中判断变量为空的几种方法小结
2013/11/12 PHP
php网页标题中文乱码的有效解决方法
2014/03/05 PHP
php魔术函数__call()用法实例分析
2015/02/13 PHP
PHP版本升级到7.x后wordpress的一些修改及wordpress技巧
2015/12/25 PHP
Laravel手动分页实现方法详解
2016/10/09 PHP
PHP number_format函数原理及实例解析
2020/07/14 PHP
Javascript中设置默认参数值示例
2014/09/11 Javascript
js简单工厂模式用法实例
2015/06/30 Javascript
关于session和cookie的简单理解
2016/06/08 Javascript
JS查找字符串中出现次数最多的字符
2016/09/05 Javascript
最好用的Bootstrap fileinput.js文件上传组件
2016/12/12 Javascript
如何学JavaScript?前辈的经验之谈
2016/12/28 Javascript
JavaScript中arguments和this对象用法分析
2018/08/08 Javascript
vue-swiper的使用教程
2018/08/30 Javascript
Koa日志中间件封装开发详解
2019/03/09 Javascript
JS实现压缩上传图片base64长度功能
2019/12/03 Javascript
[02:33]2018 DOTA2亚洲邀请赛回顾视频 再次拾起那些美妙的时刻
2018/04/10 DOTA
DES加密解密算法之python实现版(图文并茂)
2018/12/06 Python
Numpy的简单用法小结
2019/08/28 Python
Python socket实现的文件下载器功能示例
2019/11/15 Python
Python实现栈和队列的简单操作方法示例
2019/11/29 Python
Selenium+BeautifulSoup+json获取Script标签内的json数据
2020/12/07 Python
Clearly澳大利亚:购买眼镜、太阳镜和隐形眼镜
2018/04/26 全球购物
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
如何转换一个字符串到enum值
2014/04/12 面试题
介绍一下gcc特性
2015/10/31 面试题
教学实验楼管理制度
2014/02/01 职场文书
银行职员个人的工作自我评价
2014/02/15 职场文书
就业意向书范文
2014/04/01 职场文书
购房意向书范本
2014/04/01 职场文书
MySQL七种JOIN类型小结
2021/10/24 MySQL