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 相关文章推荐
Add a Picture to a Microsoft Word Document
Jun 15 Javascript
javascript 写类方式之九
Jul 05 Javascript
Google AJAX 搜索 API实现代码
Nov 17 Javascript
Seajs的学习笔记
Mar 04 Javascript
node.js中的http.request方法使用说明
Dec 14 Javascript
jQuery实现鼠标划过修改样式的方法
Apr 14 Javascript
酷! 不同风格页面布局幻灯片特效js实现
Feb 19 Javascript
jQuery延迟执行的实现方法
Dec 21 Javascript
JS实现给对象动态添加属性的方法
Jan 05 Javascript
JS实现点击复选框变更DIV显示状态的示例代码
Dec 18 Javascript
jQuery实现的隔行变色功能【案例】
Feb 18 jQuery
Vue框架TypeScript装饰器使用指南小结
Feb 18 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_Flame(Version:Progress)的原代码
2006/10/09 PHP
PHP 修复未正常关闭的HTML标签实现代码(支持嵌套和就近闭合)
2012/06/07 PHP
php实现阳历阴历互转的方法
2015/10/28 PHP
PHP实现十进制数字与二十六进制字母串相互转换操作示例
2018/08/10 PHP
PHP rsa加密解密算法原理解析
2020/12/09 PHP
Javascript异步编程的4种方法让你写出更出色的程序
2013/01/17 Javascript
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
2014/01/11 Javascript
web前端设计师们常用的jQuery特效插件汇总
2014/12/07 Javascript
JavaScript中的toUTCString()方法使用详解
2015/06/12 Javascript
jQuery实现的多级下拉菜单效果代码
2015/08/24 Javascript
JS 日期与时间戮相互转化的简单实例
2016/06/22 Javascript
jQuery EasyUI菜单与按钮详解
2016/07/13 Javascript
AngularJs  Using $location详解及示例代码
2016/09/02 Javascript
jquery实现图片跟随鼠标的实例
2017/10/17 jQuery
React Native时间转换格式工具类分享
2017/10/24 Javascript
Vue父子组建的简单通信之控制开关Switch的实现
2018/06/04 Javascript
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
2020/04/28 Javascript
vue实现图片上传到后台
2020/06/29 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
2020/07/30 Javascript
js+h5 canvas实现图片验证码
2020/10/11 Javascript
Python函数学习笔记
2008/10/07 Python
浅析Python数据处理
2018/05/02 Python
Linux(Redhat)安装python3.6虚拟环境(推荐)
2018/05/05 Python
python 以16进制打印输出的方法
2018/07/09 Python
对Tensorflow中的矩阵运算函数详解
2018/07/27 Python
Django数据结果集序列化并展示实现过程
2020/04/22 Python
Python urllib3软件包的使用说明
2020/11/18 Python
德国购买健身器材:AsVIVA
2017/08/09 全球购物
Charlotte Tilbury澳大利亚官网:英国美妆品牌
2018/10/05 全球购物
编程输出如下图形
2013/11/24 面试题
市场开发与营销专业求职信
2013/12/31 职场文书
小学中秋节活动方案
2014/02/06 职场文书
个人查摆问题自查报告
2014/10/16 职场文书
制定企业培训计划的五大要点!
2019/07/10 职场文书
人生感悟经典句子
2019/08/20 职场文书
为什么 Nginx 比 Apache 更牛逼
2021/03/31 Servers