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 相关文章推荐
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
Apr 12 Javascript
jquery中常用的SET和GET
Jan 13 Javascript
JavaScript 实现简单的倒计时弹窗DEMO附图
Mar 05 Javascript
javascript读取Xml文件做一个二级联动菜单示例
Mar 17 Javascript
你有必要知道的25个JavaScript面试题
Dec 29 Javascript
有关JavaScript中call()和apply() 的一些理解
May 20 Javascript
JavaScript类型系统之布尔Boolean类型详解
Jun 26 Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
Aug 02 Javascript
vue v-on监听事件详解
May 17 Javascript
利用Angular.js编写公共提示模块的方法教程
May 28 Javascript
解决webpack -p压缩打包react报语法错误的方法
Jul 03 Javascript
Vue Cli与BootStrap结合实现表格分页功能
Aug 18 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中使用Oracle数据库(6)
2006/10/09 PHP
收集的DedeCMS一些使用经验
2007/03/17 PHP
献给php初学者(入门学习经验谈)
2010/10/12 PHP
解析phpstorm + xdebug 远程断点调试
2013/06/20 PHP
php获取从html表单传递数组的方法
2015/03/20 PHP
php为字符串前后添加指定数量字符的方法
2015/05/04 PHP
PHP中文竖排转换实现方法
2015/10/23 PHP
PHP实现适用于自定义的验证码类
2016/06/15 PHP
PHP实现与java 通信的插件使用教程
2019/08/11 PHP
XHTML下,JS浮动代码失效的问题
2009/11/12 Javascript
浅析javascript操作 cookie对象
2014/12/26 Javascript
JavaScript中的函数嵌套使用
2015/06/04 Javascript
使用jsonp实现跨域获取数据实例讲解
2016/12/25 Javascript
localStorage的黑科技-js和css缓存机制
2017/02/06 Javascript
微信小程序与php 实现微信支付的简单实例
2017/06/23 Javascript
详解VueJS应用中管理用户权限
2018/02/02 Javascript
移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐
2019/04/02 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
2020/02/10 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
[02:27]DOTA2英雄基础教程 莱恩
2014/01/17 DOTA
python访问系统环境变量的方法
2015/04/29 Python
Python 爬虫的工具列表大全
2016/01/31 Python
Python3网络爬虫之使用User Agent和代理IP隐藏身份
2017/11/23 Python
对命令行模式与python交互模式介绍
2018/05/12 Python
opencv python Canny边缘提取实现过程解析
2020/02/03 Python
python使用pymongo与MongoDB基本交互操作示例
2020/04/09 Python
django自带的权限管理Permission用法说明
2020/05/13 Python
python爬虫中PhantomJS加载页面的实例方法
2020/11/12 Python
如何用python爬取微博热搜数据并保存
2021/02/20 Python
连卡佛中国官网:Lane Crawford中文站
2018/01/27 全球购物
韩国江南富人区高端时尚百货商场:Galleria(格乐丽雅)
2018/03/27 全球购物
微软新西兰官方网站:Microsoft New Zealand
2018/08/17 全球购物
OSPREY LONDON官网:英国本土皮具品牌
2019/05/31 全球购物
高二政治教学反思
2014/02/01 职场文书
《苏珊的帽子》教学反思
2014/04/07 职场文书
毕业生个人自荐书
2015/03/05 职场文书