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 相关文章推荐
js的闭包的一个示例说明
Nov 18 Javascript
最简单的jQuery程序 入门者学习
Jul 09 Javascript
JS无限树状列表实现代码
Jan 11 Javascript
JS如何将数字类型转化为没3个一个逗号的金钱格式
Jan 27 Javascript
使用js操作css实现js改变背景图片示例
Mar 10 Javascript
JavaScript中windows.open()、windows.close()方法详解
Jul 28 Javascript
浅谈js中几种实用的跨域方法原理详解
Dec 02 Javascript
ES6学习之变量的两种命名方法示例
Jul 18 Javascript
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
JS实现HTML页面中动态显示当前时间完整示例
Jul 30 Javascript
vue+element的表格实现批量删除功能示例代码
Aug 17 Javascript
js实现淘宝首页的banner栏效果
Nov 26 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文件夹与文件目录操作函数介绍
2013/09/09 PHP
PHP的openssl加密扩展使用小结(推荐)
2016/07/18 PHP
PHP实现的数独求解问题示例
2017/04/18 PHP
php爬取天猫和淘宝商品数据
2018/02/23 PHP
php 提交表单 关闭layer弹窗iframe的实例讲解
2018/08/20 PHP
ejs v9 javascript模板系统
2012/03/21 Javascript
jquery怎样实现ajax联动框(二)
2013/03/08 Javascript
thinkphp 表名 大小写 窍门
2015/02/01 Javascript
webix+springmvc session超时跳转登录页面
2016/10/30 Javascript
JavaScript无阻塞加载和defer、async详解
2017/02/26 Javascript
Nodejs+angularjs结合multiparty实现多图片上传的示例代码
2017/09/29 NodeJs
详解tween.js 中文使用指南
2018/01/05 Javascript
js构造函数创建对象是否加new问题
2018/01/22 Javascript
Vue组件创建和传值的方法
2018/08/17 Javascript
webpack4 入门最简单的例子介绍
2018/09/05 Javascript
[01:14]英雄,所敬略同——2018完美盛典宣传视频4K
2018/12/05 DOTA
python读写ini文件示例(python读写文件)
2014/03/25 Python
python 垃圾收集机制的实例详解
2017/08/20 Python
Python3.6.2调用ffmpeg的方法
2019/01/10 Python
python GUI实现小球满屏乱跑效果
2019/05/09 Python
python调用并链接MATLAB脚本详解
2019/07/05 Python
python用win32gui遍历窗口并设置窗口位置的方法
2019/07/26 Python
用Python在Excel里画出蒙娜丽莎的方法示例
2020/04/28 Python
Keras在训练期间可视化训练误差和测试误差实例
2020/06/16 Python
Html5原创俄罗斯方块(基于canvas)
2019/01/07 HTML / CSS
比较一下entity bean和session bean
2013/12/27 面试题
课改先进个人汇报材料
2014/01/26 职场文书
校庆筹备方案
2014/03/30 职场文书
艺术节主持词
2014/04/02 职场文书
公休请假条
2014/04/11 职场文书
本科毕业生自荐信
2014/05/26 职场文书
实践论读书笔记
2015/06/29 职场文书
2015年信息化建设工作总结
2015/07/23 职场文书
小学班级管理心得体会
2016/01/07 职场文书
Python 的演示平台支持 WSGI 接口的应用
2022/04/20 Python