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 相关文章推荐
JScript中的&quot;this&quot;关键字使用方式补充材料
Mar 08 Javascript
javascript multibox 全选
Mar 22 Javascript
javascript整除实现代码
Nov 23 Javascript
jQuery实现分隔条左右拖动功能
Nov 21 Javascript
深入解析Javascript闭包的功能及实现方法
Jul 10 Javascript
微信小程序  Mustache语法详细介绍
Oct 27 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
Jun 25 Javascript
vue实现分页栏效果
Jun 28 Javascript
JavaScript获取某一天所在的星期
Sep 05 Javascript
layui-table表复选框勾选的所有行数据获取的例子
Sep 13 Javascript
解决vue页面渲染但dom没渲染的操作
Jul 27 Javascript
js实现自动锁屏功能
Jun 02 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
德生PL990的分析评价
2021/03/02 无线电
PHP环境搭建最新方法
2006/09/05 PHP
codeigniter数据库操作函数汇总
2014/06/12 PHP
php微信公众号开发之答题连闯三关
2018/10/20 PHP
javascript中检测变量的类型的代码
2010/12/28 Javascript
js读取配置文件自写
2014/02/11 Javascript
JavaScript简单实现鼠标拖动选择功能
2014/03/06 Javascript
推荐一个自己用的封装好的javascript插件
2015/01/29 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
2015/03/23 Javascript
JavaScript中for循环的使用详解
2015/06/03 Javascript
jQuery实现的背景动态变化导航菜单效果
2015/08/24 Javascript
jQuery网页选项卡插件rTabs用法实例分析
2015/08/26 Javascript
JavaScript实现瀑布流布局
2020/06/28 Javascript
探讨JavaScript标签位置的存放与功能有无关系
2016/01/15 Javascript
适用于手机端的jQuery图片滑块动画
2016/12/09 Javascript
Jquery根据浏览器窗口改变调整大小的方法
2017/02/07 Javascript
Bootstrap笔记之缩略图、警告框实例详解
2017/03/09 Javascript
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
使用classList来实现两个按钮样式的切换方法
2018/01/24 Javascript
python实现支持目录FTP上传下载文件的方法
2015/06/03 Python
分析用Python脚本关闭文件操作的机制
2015/06/28 Python
numpy.delete删除一列或多列的方法
2018/04/03 Python
python3.7.0的安装步骤
2018/08/27 Python
Django values()和value_list()的使用
2020/03/31 Python
Python实现壁纸下载与轮换
2020/10/19 Python
Python 多进程原理及实现
2020/12/21 Python
html5 touch事件实现触屏页面上下滑动(一)
2016/03/10 HTML / CSS
英国团购网站:Groupon英国
2017/11/28 全球购物
优秀求职信范文分享
2013/12/19 职场文书
英语演讲稿范文
2014/01/03 职场文书
党的群众路线批评与自我批评范文
2014/10/16 职场文书
2016道德模范先进事迹材料
2016/02/26 职场文书
成本低的5个创业项目:投资小、赚钱快
2019/08/20 职场文书
python 如何用map()函数创建多线程任务
2021/04/07 Python
只需要这一行代码就能让python计算速度提高十倍
2021/05/24 Python
写一个Python脚本下载哔哩哔哩舞蹈区的所有视频
2021/05/31 Python