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 相关文章推荐
Jquery时间验证和转换工具小例子
Jul 01 Javascript
jQuery绑定事件不执行但alert后可以正常执行
Jun 03 Javascript
JavaScript插件化开发教程 (二)
Jan 27 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
Aug 05 Javascript
bootstrap下拉菜单使用方法解析
Jan 13 Javascript
vue实现简单实时汇率计算功能
Jan 15 Javascript
jQuery获取Table某列的值(推荐)
Mar 03 Javascript
详解Vue CLI3配置解析之css.extract
Sep 14 Javascript
webstorm中配置Eslint的两种方式及差异比较详解
Oct 19 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
Nov 09 Javascript
Jquery使用each函数实现遍历及数组处理
Jul 14 jQuery
基于ajax实现上传图片代码示例解析
Dec 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
smarty模板引擎之内建函数用法
2015/03/30 PHP
CI框架数据库查询之join用法分析
2016/05/18 PHP
PHP环境搭建的详细步骤
2016/06/30 PHP
PHP单例模式详解及实例代码
2016/12/21 PHP
Thinkphp自定义生成缩略图尺寸的方法
2019/08/05 PHP
Javascript中的Split使用方法与技巧
2007/03/09 Javascript
jQuery 类twitter的文本字数限制带提示效果插件
2010/04/16 Javascript
基于prototype扩展的JavaScript常用函数库
2010/11/30 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
2013/08/03 Javascript
JQuery打造省市下拉框联动效果
2014/05/18 Javascript
node.js中的path.basename方法使用说明
2014/12/09 Javascript
JS访问SWF的函数用法实例
2015/07/01 Javascript
Js遍历键值对形式对象或Map形式的方法
2016/08/08 Javascript
如何利用模板将HTML从JavaScript中抽离
2016/10/08 Javascript
详解关于react-redux中的connect用法介绍及原理解析
2017/09/11 Javascript
在Vue 中使用Typescript的示例代码
2018/09/10 Javascript
Element-ui之ElScrollBar组件滚动条的使用方法
2018/09/14 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
2019/09/12 Javascript
javascript实现滚动条效果
2020/03/24 Javascript
Python利用flask sqlalchemy实现分页效果
2020/08/02 Python
利用python求相邻数的方法示例
2017/08/18 Python
python实现m3u8格式转换为mp4视频格式
2018/02/28 Python
python队列Queue的详解
2019/05/10 Python
pyqt5使用按钮进行界面的跳转方法
2019/06/19 Python
Django 实现 Websocket 广播、点对点发送消息的代码
2020/06/03 Python
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
美国电子元器件分销商:Newark element14
2018/01/13 全球购物
应届大学生自荐信格式
2013/09/21 职场文书
生物化工工艺专业应届生求职信
2013/10/08 职场文书
检察官就职演讲稿
2014/01/13 职场文书
语文教学感言
2014/02/06 职场文书
《陈毅探母》教学反思
2014/05/01 职场文书
地方课程教学计划
2015/01/19 职场文书
奇妙的 CSS shapes(CSS图形)
2021/04/05 HTML / CSS
Go语言基础map用法及示例详解
2021/11/17 Golang
解析mybatis-plus中的resultMap简单使用
2021/11/23 Java/Android