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 escape,unescape解决中文乱码问题的方法
May 26 Javascript
原生JS:Date对象全面解析
Sep 06 Javascript
RGB和YUV 多媒体编程基础详细介绍
Nov 04 Javascript
BootStrap 实现各种样式的进度条效果
Dec 07 Javascript
Javascript for in的缺陷总结
Feb 03 Javascript
React Native实现进度条弹框的示例代码
Jul 17 Javascript
利用vue.js实现被选中状态的改变方法
Feb 08 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
Mar 14 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
基于Vue组件化的日期联动选择器功能的实现代码
Nov 30 Javascript
小程序云开发如何实现图片上传及发表文字
May 17 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
Jun 19 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 is_file()和is_dir()用于遍历目录时用法注意事项
2010/03/02 PHP
使用配置类定义Codeigniter全局变量
2014/06/12 PHP
Yii安装与使用Excel扩展的方法
2016/07/13 PHP
javascript while语句和do while语句的区别分析
2007/12/08 Javascript
Dom 是什么的详细说明
2010/10/25 Javascript
jqgrid 表格数据导出实例
2013/11/21 Javascript
javascript函数式编程实例分析
2015/04/25 Javascript
JS实现随机乱撞彩色圆球特效的方法
2015/05/05 Javascript
详解Backbone.js框架中的模型Model与其集合collection
2016/05/05 Javascript
JS实现页面跳转参数不丢失的方法
2016/11/28 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
2016/12/15 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
2017/01/18 Javascript
JavaScript实现图片拖曳效果
2017/09/08 Javascript
快速了解vue-cli 3.0 新特性
2018/02/28 Javascript
微信小程序常见页面跳转操作简单示例
2019/05/01 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
2019/09/23 Javascript
基于vue的tab-list类目切换商品列表组件的示例代码
2020/02/14 Javascript
Vertx基于EventBus发送接受自定义对象
2020/11/16 Javascript
python中模块查找的原理与方法详解
2017/08/11 Python
详解supervisor使用教程
2017/11/21 Python
在Pandas中DataFrame数据合并,连接(concat,merge,join)的实例
2019/01/29 Python
Python参数类型以及常见的坑详解
2019/07/08 Python
python使用pandas处理excel文件转为csv文件的方法示例
2019/07/18 Python
Python绘图实现显示中文
2019/12/04 Python
python目标检测给图画框,bbox画到图上并保存案例
2020/03/10 Python
Python利用myqr库创建自己的二维码
2020/11/24 Python
Html5 Geolocation获取地理位置信息实例
2016/12/09 HTML / CSS
演讲稿怎么写
2014/01/07 职场文书
一年级小学生评语
2014/04/22 职场文书
大学新闻系自荐书
2014/05/31 职场文书
2014市国税局对照检查材料思想汇报
2014/09/23 职场文书
个人四风问题对照检查材料
2014/10/01 职场文书
2015年政协委员工作总结
2015/05/20 职场文书
2015年小学二年级班主任工作总结
2015/05/21 职场文书
pytorch 如何使用float64训练
2021/05/24 Python
Vue-Element-Admin集成自己的接口实现登录跳转
2021/06/23 Vue.js