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 相关文章推荐
Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据
Mar 15 Javascript
Grid得到选择行数据的方法总结
Jan 17 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
Aug 13 Javascript
jqueyr判断checkbox组的选中(示例代码)
Nov 08 Javascript
使用JQuery库提供的扩展功能实现自定义方法
Sep 09 Javascript
JavaScript分秒倒计时器实现方法
Feb 02 Javascript
关于List.ToArray()方法的效率测试
Sep 30 Javascript
ReactNative列表ListView的用法
Aug 02 Javascript
优雅的将ElementUI表格变身成树形表格的方法步骤
Apr 11 Javascript
JS如何在数组指定位置插入元素
Mar 10 Javascript
vue中实现拖动调整左右两侧div的宽度的示例代码
Jul 22 Javascript
原生JavaScript实现弹幕组件的示例代码
Oct 12 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中使用Oracle数据库(5)
2006/10/09 PHP
使用网络地址转换实现多服务器负载均衡
2006/10/09 PHP
PHP遍历二维数组的代码
2011/04/22 PHP
php正则取img标记中任意属性(正则替换去掉或改变图片img标记中的任意属性)
2013/08/13 PHP
php中define用法实例
2015/07/30 PHP
PHP模块化安装教程
2016/06/01 PHP
php版微信公众平台入门教程之开发者认证的方法
2016/09/26 PHP
PHP基于mssql扩展远程连接MSSQL的简单实现方法
2016/10/08 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
laravel5.6 框架操作数据 Eloquent ORM用法示例
2020/01/26 PHP
多种方式实现JS调用后台方法进行数据交互
2013/08/20 Javascript
JavaScript中Function()函数的使用教程
2015/06/04 Javascript
深入浅析JavaScript面向对象和原型函数
2016/02/06 Javascript
canvas 弹幕效果(实例分享)
2017/01/11 Javascript
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
2020/04/26 Javascript
[01:31](回顾)杀出重围,决战TI之巅
2014/07/01 DOTA
Python应用领域和就业形势分析总结
2019/05/14 Python
Falsk 与 Django 过滤器的使用与区别详解
2019/06/04 Python
pytorch:torch.mm()和torch.matmul()的使用
2019/12/27 Python
Python  word实现读取及导出代码解析
2020/07/09 Python
简述python Scrapy框架
2020/08/17 Python
Python开发入门——迭代的基本使用
2020/09/03 Python
通过实例了解python__slots__使用方法
2020/09/14 Python
python rsa-oaep加密的示例代码
2020/09/23 Python
Python批量获取并保存手机号归属地和运营商的示例
2020/10/09 Python
python 三种方法提取pdf中的图片
2021/02/07 Python
YOOX美国官方网站:全球著名的多品牌时尚网络概念店
2016/09/11 全球购物
Vinatis德国:法国领先的葡萄酒邮购公司
2020/09/07 全球购物
服务之星获奖感言
2014/01/21 职场文书
医学生毕业自我鉴定
2014/03/26 职场文书
学校与家长安全责任书
2014/07/23 职场文书
司法工作人员群众路线对照检查材料思想汇报
2014/09/30 职场文书
k-means & DBSCAN 总结
2021/04/27 Python
Python中基础数据类型 set集合知识点总结
2021/08/02 Python
springboot读取resources下文件的方式详解
2022/06/21 Java/Android