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 相关文章推荐
javascript appendChild,innerHTML,join性能比较代码
Aug 29 Javascript
JavaScript 判断浏览器是否支持SVG的代码
Mar 21 Javascript
使用JavaScript实现Java的List功能(实例讲解)
Nov 07 Javascript
js实现的复制兼容chrome和IE
Apr 03 Javascript
jQuery给多个不同元素添加class样式的方法
Mar 26 Javascript
js实现select下拉框菜单
Dec 08 Javascript
jQuery如何封装输入框插件
Aug 19 Javascript
Vue实例简单方法介绍
Jan 20 Javascript
Vue如何从1.0迁移到2.0
Oct 19 Javascript
浅析JavaScript异步代码优化
Mar 18 Javascript
layer弹出层扩展主题的方法
Sep 11 Javascript
vue+iview实现手机号分段输入框
Mar 25 Vue.js
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小偷相关截取函数备忘
2010/11/28 PHP
thinkPHP模板中函数的使用方法示例
2016/11/30 PHP
jquery $.ajax()取xml数据的小问题解决方法
2010/11/20 Javascript
解决jquery的datepicker的本地化以及Today问题
2012/05/23 Javascript
JavaScript初学者建议:不要去管浏览器兼容
2014/02/04 Javascript
js判断页面中是否有指定控件的简单实例
2014/03/04 Javascript
JavaScript中使用arguments获得函数传参个数实例
2014/08/27 Javascript
nodejs实现发出蜂鸣声音(系统报警声)的方法
2017/01/18 NodeJs
详解Layer弹出层样式
2017/08/21 Javascript
Vue循环组件加validate多表单验证的实例
2018/09/18 Javascript
JavaScript原型对象原理与应用分析
2018/12/27 Javascript
独特的python循环语句
2016/11/20 Python
Python 关于反射和类的特殊成员方法
2017/09/14 Python
Python3实现简单可学习的手写体识别(实例讲解)
2017/10/21 Python
Python中常用信号signal类型实例
2018/01/25 Python
带你认识Django
2019/01/15 Python
解决python flask中config配置管理的问题
2019/07/26 Python
获取Pytorch中间某一层权重或者特征的例子
2019/08/17 Python
python tkinter图形界面代码统计工具
2019/09/18 Python
python 协程中的迭代器,生成器原理及应用实例详解
2019/10/28 Python
Python cookie的保存与读取、SSL讲解
2020/02/17 Python
Python+Appium实现自动化测试的使用步骤
2020/03/24 Python
HTML5 图片预加载的示例代码
2020/03/25 HTML / CSS
请写出char *p与"零值"比较的if语句
2014/09/24 面试题
如何提高SQL Server的安全性
2016/07/25 面试题
《记承天寺夜游》教学反思
2014/02/16 职场文书
电气自动化专业职业规划范文
2014/02/16 职场文书
党员创先争优活动总结
2014/05/04 职场文书
幸福家庭标语
2014/06/27 职场文书
超市周年庆活动方案
2014/08/16 职场文书
2014年安全保卫工作总结
2014/11/13 职场文书
实习协议书
2015/01/27 职场文书
社区活动总结
2015/02/04 职场文书
《西门豹》教学反思
2016/02/23 职场文书
2016年综治和平安建设宣传月活动总结
2016/04/01 职场文书
golang DNS服务器的简单实现操作
2021/04/30 Golang