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的淡入淡出可自动切换的幻灯插件打包下载
Sep 15 Javascript
Js四则运算函数代码
Jul 21 Javascript
在Iframe中获取父窗口中表单的值(示例代码)
Nov 22 Javascript
javascript常用函数归纳整理
Oct 31 Javascript
JavaScript取得键盘按下方向键是哪个的方法
Aug 04 Javascript
JS实现控制文本框的内容
Jul 10 Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 Javascript
基于jQuery实现的打字机效果
Jan 16 Javascript
基于JavaScript实现复选框的全选和取消全选
Feb 09 Javascript
bootstrap fileinput 上传插件的基础使用
Feb 17 Javascript
axios学习教程全攻略
Mar 26 Javascript
JavaScript实现三级级联特效
Nov 05 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
php 二维数组时间排序实现代码
2016/11/19 PHP
thinkPHP3.2.2框架行为扩展及demo示例
2018/06/19 PHP
PHP 命名空间和自动加载原理与用法实例分析
2020/04/29 PHP
第五章之BootStrap 栅格系统
2016/04/25 Javascript
jQuery使用each方法与for语句遍历数组示例
2016/06/16 Javascript
JS只能输入正整数的简单实例
2016/10/07 Javascript
微信小程序 canvas API详解及实例代码
2016/10/08 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
2016/11/25 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
2017/03/02 Javascript
javascript实现二叉树遍历的代码
2017/06/08 Javascript
js数组实现权重概率分配
2017/09/12 Javascript
vue在自定义组件中使用v-model进行数据绑定的方法
2019/03/25 Javascript
JS简单数组排序操作示例【sort方法】
2019/05/17 Javascript
小程序实现图片预览裁剪插件
2019/11/22 Javascript
分享python数据统计的一些小技巧
2016/07/21 Python
你眼中的Python大牛 应该都有这份书单
2017/10/31 Python
python基于twisted框架编写简单聊天室
2018/01/02 Python
对numpy中向量式三目运算符详解
2018/10/31 Python
python实战串口助手_解决8串口多个发送的问题
2019/06/12 Python
python实现udp聊天窗口
2020/03/31 Python
Python3合并两个有序数组代码实例
2020/08/11 Python
html5基础标签(html5视频标签 html5新标签用法)
2013/12/30 HTML / CSS
PUMA官方商城:世界领先的运动品牌之一
2016/11/16 全球购物
令人啧啧称赞的经理推荐信
2013/11/07 职场文书
光荣入党自我鉴定
2014/01/22 职场文书
个人求职信范例
2014/01/29 职场文书
人资专员岗位职责
2014/04/04 职场文书
手术室护士节演讲稿
2014/08/27 职场文书
学前教育专业求职信
2014/09/02 职场文书
城管执法人员纪律作风整顿思想汇报
2014/09/13 职场文书
2014国庆节演讲稿:祖国在我心中(400字)
2014/09/25 职场文书
演讲比赛主持词
2015/06/29 职场文书
2015年库房管理工作总结
2015/10/14 职场文书
解析Java异步之call future
2021/06/14 Java/Android
浅谈Java父子类加载顺序
2021/08/04 Java/Android
python机器学习Github已达8.9Kstars模型解释器LIME
2021/11/23 Python