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高级程序设计 阅读笔记(十八) js跨平台的事件
Aug 14 Javascript
JS滚轮事件onmousewheel使用介绍
Nov 01 Javascript
jQuery插件开发的两种方法及$.fn.extend的详解
Jan 16 Javascript
javascript面向对象之对象的深入理解
Jan 13 Javascript
JS实现横向拉伸动感伸缩菜单效果代码
Sep 04 Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
May 09 Javascript
移动端js触摸事件详解
Sep 18 Javascript
jQuery图片轮播功能实例代码
Jan 29 Javascript
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 jQuery
Bootstrap Table使用整理(五)之分页组合查询
Jun 09 Javascript
在vue项目中使用element-ui的Upload上传组件的示例
Feb 08 Javascript
vue实现放大镜效果
Sep 17 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
IIS+PHP+MySQL+Zend配置 (视频教程)
2006/12/13 PHP
用PHP实现多服务器共享SESSION数据的方法
2007/03/16 PHP
探讨fckeditor在Php中的配置详解
2013/06/08 PHP
php ci框架中加载css和js文件失败的解决方法
2014/03/03 PHP
php实现通过cookie换肤的方法
2015/07/13 PHP
php 生成Tab键或逗号分隔的CSV
2016/09/24 PHP
php检测mysql表是否存在的方法小结
2017/07/20 PHP
Javascript实例教程(19) 使用HoTMetal(6)
2006/12/23 Javascript
js实现iframe动态调整高度的代码
2008/01/06 Javascript
jQuery 表单验证扩展代码(二)
2010/10/20 Javascript
jquery ajax请求实例深入解析
2012/11/26 Javascript
JQuery的AJAX实现文件下载的小例子
2013/05/15 Javascript
Node.js对MongoDB数据库实现模糊查询的方法
2017/05/03 Javascript
nodejs遍历文件夹下并操作HTML/CSS/JS/PNG/JPG的方法
2018/11/01 NodeJs
Vue列表渲染的示例代码
2018/11/01 Javascript
React中使用外部样式的3种方式(小结)
2019/05/28 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
2020/09/10 Javascript
OpenLayers3实现地图鹰眼以及地图比例尺的添加
2020/09/25 Javascript
[05:39]2014DOTA2西雅图国际邀请赛 淘汰赛7月14日TOPPLAY
2014/07/14 DOTA
在Python中操作时间之tzset()方法的使用教程
2015/05/22 Python
理解python中生成器用法
2017/12/20 Python
对python读取zip压缩文件里面的csv数据实例详解
2019/02/08 Python
Python3.6.x中内置函数总结及讲解
2019/02/22 Python
python实战串口助手_解决8串口多个发送的问题
2019/06/12 Python
美国内衣第一品牌:Hanes(恒适)
2016/07/29 全球购物
美国家用电器和电子产品商店:Abt
2016/09/06 全球购物
一套比较完整的软件测试人员面试题
2012/05/13 面试题
初中美术教学反思
2014/01/29 职场文书
英文导游词
2015/02/13 职场文书
2015年清明节扫墓演讲稿
2015/03/18 职场文书
捐书活动倡议书
2015/04/27 职场文书
甲午风云观后感
2015/06/02 职场文书
步步惊心观后感
2015/06/12 职场文书
Golang Gob编码(gob包的使用详解)
2021/05/07 Golang
python3实现常见的排序算法(示例代码)
2021/07/04 Python
Nebula Graph解决风控业务实践
2022/03/31 MySQL