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 getComputedStyle获取和设置style的原理
Oct 10 Javascript
jquery URL参数判断,确定菜单样式
May 31 Javascript
js整数字符串转换为金额类型数据(示例代码)
Dec 26 Javascript
Jquery 监视按键,按下回车键触发某方法的实现代码
May 11 Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
Oct 17 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
May 09 Javascript
第一次接触神奇的Bootstrap网格系统
Jul 27 Javascript
JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
Aug 23 Javascript
JS实现评价的星星功能
Aug 20 Javascript
JS实现商品橱窗特效
Jan 09 Javascript
Vue 电商后台管理项目阶段性总结(推荐)
Aug 22 Javascript
给原生html中添加水印遮罩层的实现示例
Apr 02 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
Look And Say 序列php实现代码
2011/05/22 PHP
php 伪造本地文件包含漏洞的代码
2011/11/03 PHP
php获得文件大小和文件创建时间的方法
2015/03/13 PHP
php中array_column函数简单实现方法
2016/07/11 PHP
javascript 读取xml,写入xml 实现代码
2009/07/10 Javascript
基于jquery的表格排序
2010/09/11 Javascript
javascript五图轮播切换实用版
2012/08/17 Javascript
jQuery.Validate验证库的使用介绍
2013/04/26 Javascript
JS触发服务器控件的单击事件(详解)
2016/08/06 Javascript
利用Angularjs中模块ui-route管理状态的方法
2016/12/27 Javascript
js获取浏览器和屏幕的各种宽度高度
2017/02/22 Javascript
Angular.JS中的this指向详解
2017/05/17 Javascript
详解jquery插件jquery.viewport.js学习使用方法
2017/09/08 jQuery
详解ionic本地相册、拍照、裁剪、上传(单图完全版)
2017/10/10 Javascript
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
2018/01/25 jQuery
vue+element-ui+ajax实现一个表格的实例
2018/03/09 Javascript
require.js 加载过程与使用方法介绍
2018/10/30 Javascript
详解使用element-ui table组件的筛选功能的一个小坑
2018/11/02 Javascript
Vant的安装和配合引入Vue.js项目里的方法步骤
2018/12/05 Javascript
如何制作一个Node命令行图像识别工具
2018/12/12 Javascript
在Python中使用模块的教程
2015/04/27 Python
一些Python中的二维数组的操作方法
2015/05/02 Python
解决PyCharm中光标变粗的问题
2017/08/05 Python
创建pycharm的自定义python模板方法
2018/05/23 Python
python版飞机大战代码分享
2018/11/20 Python
解决Python import docx出错DLL load failed的问题
2020/02/13 Python
手工制作的意大利礼服鞋:Ace Marks
2018/12/15 全球购物
排查整治工作方案
2014/06/09 职场文书
十佳青年事迹材料
2014/08/21 职场文书
简单的辞职信模板
2015/05/12 职场文书
2015年圣诞节寄语
2015/08/17 职场文书
2015年秋学期教研工作总结
2015/10/14 职场文书
党风廉政建设心得体会
2019/05/21 职场文书
52条SQL语句教你性能优化
2021/05/25 MySQL
无线电通信名词解释
2022/02/18 无线电
MySQL创建管理RANGE分区
2022/04/13 MySQL