json定义及jquery操作json的方法
一、背景
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的方法全部内容了,希望大家多多支持我们~
相关推荐
-
JS操作JSON方法总结(推荐)
JSON概述: JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不需要任何特殊的 API 或工具包. JSON:JavaScript 对象表示法(JavaScript Object Notation). JSON 是存储和交换文本信息的语法.类似 XML. JSON 比 XML 更小.更快,更易解
-
C# JsonHelper 操作辅助类,拿来直接用
四个主要操作类:JsonConverter .JsonHelper .JsonSplit .AjaxResult 一.JsonConverter: 自定义查询对象转换动态类.object动态类转换json包.json转换object动态类.DataReader转换为Json.DataSet转换为Json.DataTable转成Json.Datatable转换为Json .格式化字符型日期型布尔型.过滤特殊字符等 using System; using System.Collections.Gen
-
PHP中SERIALIZE和JSON的序列化与反序列化操作区别分析
本文实例讲述了PHP中SERIALIZE和JSON的序列化与反序列化操作区别.分享给大家供大家参考,具体如下: PHP中SERIALIZE和JSON序列化与反序列化区别是什么呢,对于这个问题我们可以和小编一起来看看,具体的操作细节如下所示. 在PHP中,serialize和json两种方式对一个对象或数组进行序列化或反序列化有什么区别呢? 假设一个对象和一个数组: $web = new stdClass; $web->site = 'tantengvip'; $web->owner = 'tu
-
详解Mysql中的JSON系列操作函数
前言 JSON是一种轻量级的数据交换格式,采用了独立于语言的文本格式,类似XML,但是比XML简单,易读并且易编写.对机器来说易于解析和生成,并且会减少网络带宽的传输. JSON的格式非常简单:名称/键值.之前MySQL版本里面要实现这样的存储,要么用VARCHAR要么用TEXT大文本. MySQL5.7发布后,专门设计了JSON数据类型以及关于这种类型的检索以及其他函数解析. 下面一起来实际操作一下. 创建带有 JSON 字段的表 比如一个'文章'表,字段包括 id.标题 title.标签 t
-
3分钟掌握常用的JS操作JSON方法总结
工作中做了几款自动化测试工具都是跟日志读取相关,日志格式又大多数都是JSON,所以这里把常用的JS操作JSON的方法做了总结~~ 一.概要简介 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包. 在JSON中,有两种结构:对象和数组 1.对象以"{"开始,"}"结束,"key
-
JavaScript中对JSON对象的基本操作示例
JSON对象 1.对象的属性: 对象的属性是有键值对组成的,其中key为一个字符串,value可以为任何的Javascript对象. //使用[]设置和获取对象的属性 var obj = new Object(); obj["www.jb51.net"] = "http://www.jb51.net"; alert(obj["www.jb51.net"]); 2.变量既是属性: Javascript引擎在初始化时会构建一个全局对象,所有的变量都是
-
json定义及jquery操作json的方法
一.背景 json是一种轻量级数据交换格式,非常利于Java服务与js的交互,本文将介绍json的简单定义和js如何解析json. 二.内容 1.json定义: 简单的json格式为[{"key1":"value1"},{"key2":"value2"}], []代表数组,{}代表数组中的数据对象,key1,key2是一个json对象中的key,一个json中key值唯一,value1,value2,是key键对应的值. 定义
-
jQuery操作JSON的CRUD用法实例
本文实例讲述了jQuery操作JSON的CRUD用法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xht
-
PHP+JQUERY操作JSON实例
本文实例讲述了PHP+JQUERY操作JSON的方法.分享给大家供大家参考,具体如下: json.html 代码: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>PHP Json传输数据</title> </head> <script type="te
-
jQuery操作json常用方法示例
本文实例讲述了jQuery操作json常用方法.分享给大家供大家参考,具体如下: 在项目中经常会用到获取json中的某个值,或者动态的创建一个json对象,今天简单的做了一个通用的js /** * json工具 */ var JsonUtil = (function(){ return { /** * 获取json中的单个值 */ getValue:function(jsonObject,name){ var value = ""; $.each(jsonObject,function
-
jquery操作select常见方法大全【7种情况】
本文实例讲述了jquery操作select常见方法.分享给大家供大家参考,具体如下: 在前段HTML页面设计中select 下拉框,或者 在 multiple="multiple" 时,表现为列表.经常会在页面上对其进行操作,这些操作不外乎: 1. 得到选中的 select 的 option 的值或者text. 2. 删除选中的 select 的 option. 3. 向select中增加新的option. 4. 得到select option 长度,也就是个数size 5. 清空se
-
JQUERY操作JSON实例代码
1.jqury如何用ajax的形式调用后台asp.net页面生成的json数据 2.jquery简单的dom操作 3.送本jquery的开发手册给大家(大家慢慢去研究) 准备工作: 首先,我们新建个网站(.net2.0就行). 1.在我们的项目中jquery的js文件. 2.新建一个htm文件,命名为dome.htm吧. 代码如下:(head区的js代码就是实现的全部代码,有详细注释) 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
-
jquery操作 iframe的方法
我们先看一下 JQUERY中的对像 contents() 的帮助文件 contents() 概述 查找匹配元素内部所有的子节点(包括文本节点).如果元素是一个iframe,则查找文档内容 示例 描述: 查找所有文本节点并加粗 HTML 复制代码 代码如下: <p>Hello <a href="http://ejohn.org/">John</a>, how are you doing?</p> jQuery 复制代码 代码如下: $(&q
-
jQuery操作HTML代码方法介绍
html()可以对HTML代码进行操作,类似于元素JavaScript中的innerHTML. 例如: 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"
-
jQuery操作value值方法介绍
val()可以获取或设置元素的value属性值.语法如下: 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ
-
利用js(jquery)操作Cookie的方法说明
Cookie操作是我们在Web开发中经常会用到的功能,以往我们一般是通过javascript实现的.下面这款jquery插件是专门用来进行cookie操作 的,包括cookie的添加.清除.读取--你可以在这款插件的主页下载到它:http://jquery.com/当在页面中引用了jquery文件及该插件文件后,可进行如下操作: 设置cookie设置一个名称为blog,值为css9.net的cookie:$.cookie("blog", "css9.net");设置
随机推荐
- 详解支持Angular 2的表格控件
- 如何在AngularJs中调用第三方插件库
- jquery实现input输入框实时输入触发事件代码
- laydate.js日期时间选择插件
- python获取当前日期和时间的方法
- 分享Visual Studio原生开发的10个调试技巧(2)
- 动态刷新 dorado树的js代码
- CakePHP去除默认显示的标题及图标的方法
- PHP 用session与gd库实现简单验证码生成与验证的类方法
- C#结合AForge实现摄像头录像
- PHP中spl_autoload_register()函数用法实例详解
- 基于Codeigniter框架实现的student信息系统站点动态发布功能详解
- 基于jstl 标签的使用介绍
- “一”为什么念“夭”?
- 基本jquery的控制tabs打开的数量的代码
- 基于jquery的代码显示区域自动拉长效果
- 服务器监视 MyIIS.Monitor支持手机访问
- 某省高考志愿填报系统的漏洞实战解说
- 单例模式 分析代码优化方法
- java实现非法访问异常示例
其他
- vue实现输入框自动跳转
- R语言提取某行数据如果删除列名
- Python获取ftp服务器文件修改时间
- Java 多线程 售票系统 需求分析
- laravel 模型查询并返回计数
- 前端 列表式卡片式UI
- nodejs 跨域怎么添加白名单
- 地图源码微信小程序免费
- python web监控系统1
- ubuntu tgz 解压合并
- 代码给飞书群发image消息
- Android自定义环形进度条圆头
- log4j2自定义日志文件名
- @Param 参数不必传
- mybatis中判断字符or
- bytearrayinputstream 设置文件名
- 浮点数 python 保留三位小数
- c#状态栏statusstrip
- vant的popup返回不了
- destoon 验证码错误