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 相关文章推荐
编写自己的jQuery插件简单实现代码
Apr 19 Javascript
Yii-自定义删除确认弹框(zyd)jquery实现代码
Mar 04 Javascript
js加强的经典分页实例
Mar 15 Javascript
如何在JavaScript中实现私有属性的写类方式(一)
Dec 04 Javascript
js判断上传文件后缀名是否合法
Jan 28 Javascript
bootstrap学习使用(导航条、下拉菜单、轮播、栅格布局等)
Dec 01 Javascript
jQuery中值得注意的trigger方法浅析
Dec 12 Javascript
微信小程序 弹幕功能简单实例
Feb 14 Javascript
详解vue-router 命名路由和命名视图
Jun 01 Javascript
vue与bootstrap实现简单用户信息添加删除功能
Feb 15 Javascript
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
Sep 27 Javascript
Vue的props父传子的示例代码
May 20 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的chr和ord函数实现字符加减乘除运算实现代码
2011/12/05 PHP
php实现的发送带附件邮件类实例
2014/09/22 PHP
PHP7.0安装笔记整理
2015/08/28 PHP
PHPExcel导出2003和2007的excel文档功能示例
2017/01/04 PHP
PHP数据库编程之MySQL优化策略概述
2017/08/16 PHP
基于JQuery框架的AJAX实例代码
2009/11/03 Javascript
JQuery实现倒计时按钮具体方法
2013/11/14 Javascript
Node.js实现在目录中查找某个字符串及所在文件
2014/09/03 Javascript
jquery实现华丽的可折角广告代码
2015/09/02 Javascript
jQuery基于ajax()使用serialize()提交form数据的方法
2015/12/08 Javascript
vue+iview写个弹框的示例代码
2017/12/05 Javascript
微信小程序按钮去除边框线分享页面功能
2018/08/27 Javascript
详解Webpack-dev-server的proxy用法
2018/09/08 Javascript
js 下拉菜单点击旁边收起实现(踩坑记)
2019/09/29 Javascript
在服务器端实现无间断部署Python应用的教程
2015/04/16 Python
浅谈python numpy中nonzero()的用法
2018/04/02 Python
推荐10款最受Python开发者欢迎的Python IDE
2018/09/16 Python
Django结合ajax进行页面实时更新的例子
2019/08/12 Python
PyTorch中permute的用法详解
2019/12/30 Python
pycharm激活码有效到2020年11月底
2020/09/18 Python
详解利用python识别图片中的条码(pyzbar)及条码图片矫正和增强
2020/11/17 Python
pandas使用函数批量处理数据(map、apply、applymap)
2020/11/27 Python
Canvas获取视频第一帧缩略图的实现
2020/11/11 HTML / CSS
澳大利亚领先的在线机械五金、园艺和存储专家:Edisons
2018/03/24 全球购物
Tommy Hilfiger澳洲官网:美国高端休闲领导品牌
2020/12/16 全球购物
UDP协议功能
2013/01/06 面试题
园林资料员岗位职责
2013/12/30 职场文书
网上签名寄语活动留言
2014/01/18 职场文书
运动会入场词60字
2014/02/15 职场文书
关于抽烟的检讨书
2014/02/25 职场文书
公司授权委托书
2014/04/04 职场文书
小学生综合素质评语
2014/04/23 职场文书
2015年远程教育工作总结
2015/05/20 职场文书
学校2016年圣诞节活动总结
2016/03/31 职场文书
解决jupyter notebook图片显示模糊和保存清晰图片的操作
2021/04/24 Python
一行Python命令实现批量加水印
2022/04/07 Python