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 相关文章推荐
JavaScript 仿关机效果的图片层
Dec 26 Javascript
JS随即打乱数组实现代码
Dec 03 Javascript
一个简单的瀑布流效果(主体形式自写)
May 27 Javascript
IE下写xml文件的两种方式(fso/saveAs)
Aug 05 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
Nov 22 Javascript
JS实现两个大数(整数)相乘
Apr 28 Javascript
gridview生成时如何去掉style属性中的border-collapse
Sep 30 Javascript
全面了解JavaScript对象进阶
Jul 19 Javascript
AngularJS表单验证功能
Oct 19 Javascript
利用CDN加速react webpack打包后的文件详解
Feb 22 Javascript
JavaScript 对引擎、运行时、调用堆栈的概述理解
Oct 22 Javascript
在 Vue 应用中使用 Netlify 表单功能的方法详解
Jun 03 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
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
Centos7安装swoole扩展操作示例
2020/03/26 PHP
PHP实现简易用户登录系统
2020/07/10 PHP
JavaScript DOM 学习第五章 表单简介
2010/02/19 Javascript
jQuery 动画弹出窗体支持多种展现方式
2010/04/29 Javascript
优化innerHTML操作(提高代码执行效率)
2011/08/20 Javascript
Javascript 面向对象编程(coolshell)
2012/03/18 Javascript
Javascript中 关于prototype属性实现继承的原理图
2013/04/16 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
2013/09/06 Javascript
引用其它js时如何同时处理多个window.onload事件
2014/09/02 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
2016/07/01 Javascript
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
AngularJS基于factory创建自定义服务的方法详解
2017/05/25 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
2017/06/22 Javascript
深入理解vue.js中的v-if和v-show
2017/06/22 Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
2019/09/02 Javascript
bootstrap实现嵌套模态框的实例代码
2020/01/10 Javascript
[52:03]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第三场 1月31日
2021/03/11 DOTA
为python设置socket代理的方法
2015/01/14 Python
python实现随机森林random forest的原理及方法
2017/12/21 Python
Selenium鼠标与键盘事件常用操作方法示例
2018/08/13 Python
用django-allauth实现第三方登录的示例代码
2019/06/24 Python
Python字符串中添加、插入特定字符的方法
2019/09/10 Python
python3使用GUI统计代码量
2019/09/18 Python
如何用H5实现一个触屏版的轮播器的实例
2017/01/09 HTML / CSS
英国著名的茶叶品牌:Whittard of Chelsea
2016/09/22 全球购物
船舶专业个人求职信范文
2014/01/02 职场文书
创业计划书的主要内容有哪些
2014/01/29 职场文书
《画》教学反思
2014/04/14 职场文书
小小商店教学反思
2014/04/27 职场文书
售后服务承诺书怎么写
2014/05/21 职场文书
党员领导干部民主生活会批评与自我批评发言
2014/09/28 职场文书
停水通知
2015/04/16 职场文书
飞屋环游记观后感
2015/06/08 职场文书
Django展示可视化图表的多种方式
2021/04/08 Python
Win11电源已接通但未充电怎么办?Win11电源已接通未充电的解决方法
2022/04/05 数码科技