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 相关文章推荐
window.location和document.location的区别分析
Dec 23 Javascript
Jquery如何实现点击时高亮显示代码
Jan 22 Javascript
JsRender for index循环索引用法详解
Oct 31 Javascript
基于jQuery实现的图片切换焦点图整理
Dec 07 Javascript
微信支付如何实现内置浏览器的H5页面支付
Sep 25 Javascript
JS 实现Base64编码与解码实例详解
Nov 07 Javascript
浅谈Vue 数据响应式原理
May 07 Javascript
微信小程序实现默认第一个选中变色效果
Jul 17 Javascript
快速对接payjq的个人微信支付接口过程解析
Aug 15 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
Sep 25 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
Aug 18 Javascript
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
Apr 03 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
java EJB 加密与解密原理的一个例子
2008/01/11 PHP
PHP函数microtime()用法与说明
2013/12/04 PHP
JavaScript创建命名空间的5种写法
2014/06/24 PHP
浅谈mysql_query()函数的返回值问题
2016/09/05 PHP
php实现压缩合并js的方法【附demo源码下载】
2016/09/22 PHP
Laravel如何使用数据库事务及捕获事务失败后的异常详解
2017/10/23 PHP
javascript concat数组累加 示例
2009/09/03 Javascript
js URL参数的拼接方法比较
2012/02/15 Javascript
JS判断表单输入是否为空(示例代码)
2013/12/23 Javascript
JavaScript函数的4种调用方法详解
2014/04/22 Javascript
jquery实现人性化的有选择性禁用鼠标右键
2014/06/30 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
2015/03/21 Javascript
Ionic快速安装教程
2016/06/03 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
2016/08/03 Javascript
用v-html解决Vue.js渲染中html标签不被解析的问题
2016/12/14 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
2016/12/23 Javascript
利用jquery实现实时更新歌词的方法
2017/01/06 Javascript
vue.js实例对象+组件树的详细介绍
2017/10/20 Javascript
vue-router懒加载速度缓慢问题及解决方法
2018/11/25 Javascript
js的新生代垃圾回收知识点总结
2019/08/22 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
2020/09/22 Javascript
python字符串编码识别模块chardet简单应用
2015/06/15 Python
Python实现识别手写数字 简易图片存储管理系统
2018/01/29 Python
详解django+django-celery+celery的整合实战
2019/03/19 Python
详解Python:面向对象编程
2019/04/10 Python
Python3.6实现根据电影名称(支持电视剧名称),获取下载链接的方法
2019/08/26 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
FC-Moto英国:欧洲最大的摩托车服装和头盔商店之一
2019/08/25 全球购物
应届生保险求职信
2013/11/11 职场文书
2015元旦家电促销活动策划方案
2014/12/09 职场文书
经理岗位职责范本
2015/04/15 职场文书
入党转正介绍人意见
2015/06/03 职场文书
泰坦尼克号观后感
2015/06/04 职场文书
对公司的意见和建议
2015/06/04 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书
pycharm无法导入lxml的解决办法
2021/03/31 Python