- 浏览: 624135 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (819)
- java开发 (110)
- 数据库 (56)
- javascript (30)
- 生活、哲理 (17)
- jquery (36)
- 杂谈 (15)
- linux (62)
- spring (52)
- kafka (11)
- http协议 (22)
- 架构 (18)
- ZooKeeper (18)
- eclipse (13)
- ngork (2)
- dubbo框架 (6)
- Mybatis (9)
- 缓存 (28)
- maven (20)
- MongoDB (3)
- 设计模式 (3)
- shiro (10)
- taokeeper (1)
- 锁和多线程 (3)
- Tomcat7集群 (12)
- Nginx (34)
- nodejs (1)
- MDC (1)
- Netty (7)
- solr (15)
- JSON (8)
- rabbitmq (32)
- disconf (7)
- PowerDesigne (0)
- Spring Boot (31)
- 日志系统 (6)
- erlang (2)
- Swagger (3)
- 测试工具 (3)
- docker (17)
- ELK (2)
- TCC分布式事务 (2)
- marathon (12)
- phpMyAdmin (12)
- git (3)
- Atomix (1)
- Calico (1)
- Lua (7)
- 泛解析 (2)
- OpenResty (2)
- spring mvc (19)
- 前端 (3)
- spring cloud (15)
- Netflix (1)
- zipkin (3)
- JVM 内存模型 (5)
- websocket (1)
- Eureka (4)
- apollo (2)
- idea (2)
- go (1)
- 业务 (0)
- idea开发工具 (1)
最新评论
-
sichunli_030:
对于频繁调用的话,建议采用连接池机制
配置TOMCAT及httpClient的keepalive以高效利用长连接 -
11想念99不见:
你好,我看不太懂。假如我的项目中会频繁调用rest接口,是要用 ...
配置TOMCAT及httpClient的keepalive以高效利用长连接
一、JSON的一些基础知识。
JSON中对象通过"{}"来标识,一个"{}"代表一个对象,如{"AreaId":"123"},对象的值是键值对的形式(key:value)。
"[]",标识数组,数组内部各个数据之间通过","分割,如["AreaId":"123","AreaId":"345"]。
很多情况下是对象数组,那就是这样:
其实数组也是一个对象,上面的格式也可以写成这样:
这表示一个Area对象,他有两个子数据,每个子数据也是一个对象,每个子对象都是AreaId。
JSON中字符串和字符的定义格式和一般的类C语言定义是类似的,双引号定义字符串,单引号定义字符。
JSON的键(Key)用双引号括起来,比如上面的"Area"和"AreaId",都是用双引号括起来的,在一些语言中构造JSON字符串的时候,可以使用转义字符转义双引号。
二、javascript操作JSON字符
1、先要区分JSON字符串和JSON对象
JSON字符串:
其实也可以写成这样:
这表示一个JSON字符串,由于在Js中单引号和双引号都可以表示一个字符串,所以上面第一个使用双引号和第二个使用单引号的都表示一个JSON字符串。
下面看看JSON对象
看到了吧,JSON对象最外面是没有单引号或者双引号的,这就表示一个JSON对象。
返回到js后的处理:
第一种要用到varl转化的:是字符串的时候就要用eval转化成jquery对象(如下)
第二种:不需要转化的:
循环也有两种方法:
//方法一:
//方法二:
参考:http://www.jb51.net/article/45182.htm
JSON中对象通过"{}"来标识,一个"{}"代表一个对象,如{"AreaId":"123"},对象的值是键值对的形式(key:value)。
"[]",标识数组,数组内部各个数据之间通过","分割,如["AreaId":"123","AreaId":"345"]。
很多情况下是对象数组,那就是这样:
[{"AreaId":"123"},{"AreaId":"345"}]
其实数组也是一个对象,上面的格式也可以写成这样:
{"Area":[{"AreaId":"123"},{"AreaId":"345"}]}
这表示一个Area对象,他有两个子数据,每个子数据也是一个对象,每个子对象都是AreaId。
JSON中字符串和字符的定义格式和一般的类C语言定义是类似的,双引号定义字符串,单引号定义字符。
JSON的键(Key)用双引号括起来,比如上面的"Area"和"AreaId",都是用双引号括起来的,在一些语言中构造JSON字符串的时候,可以使用转义字符转义双引号。
二、javascript操作JSON字符
1、先要区分JSON字符串和JSON对象
JSON字符串:
Var strJSON = "{"Area":[{"AreaId":"123"},{"AreaId":"345"}]}",
其实也可以写成这样:
Var strJSON = ‘{"Area":[{"AreaId":"123"},{"AreaId":"345"}]}',
这表示一个JSON字符串,由于在Js中单引号和双引号都可以表示一个字符串,所以上面第一个使用双引号和第二个使用单引号的都表示一个JSON字符串。
下面看看JSON对象
var JSON = {"Area":[{"AreaId":"123"},{"AreaId":"345"}]},
看到了吧,JSON对象最外面是没有单引号或者双引号的,这就表示一个JSON对象。
返回到js后的处理:
第一种要用到varl转化的:是字符串的时候就要用eval转化成jquery对象(如下)
var arr = '{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}}';//u71d5u5b50这个是php中自动转换的 var dataObj = eval("("+arr+")");//这里要加上加好括号和双引号的原因我也不知道,就当是json语法,只能死记硬背了 $.each(dataObj,function(idx,item){ //输出 alert(item.id+"哈哈"+item.name); })
第二种:不需要转化的:
var arr = {"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}}; $.each(arr,function(idx,item){ //输出 alert(item.id+"哈哈"+item.name); })
循环也有两种方法:
//方法一:
$.each(arr,function(idx,item){ //输出 alert(item.id+"哈哈"+item.name); })
//方法二:
for(var key in arr){ alert(key); alert(arr[key].status); }
参考:http://www.jb51.net/article/45182.htm
发表评论
-
Flutter和RN对比
2021-10-22 11:33 397Flutter和RN对比 Flutter介绍和主流框架的对比 ... -
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
2021-02-01 20:37 374https://www.jb51.net/article/18 ... -
超链接实现post方式提交
2021-01-26 21:39 733https://lusaijie.blog.csdn.net/ ... -
Model模态框点击其他除了模态框区域不消失
2020-10-24 18:47 550问题: 相信许多的小伙伴在使用Model(模态框)的时候都遇到 ... -
jquery radio 动态控制选中失效问题的解决方法
2019-09-10 21:36 405性别选择 男女 通常是使用radio 在修改客户资料时 需要根 ... -
velocity判断空和null
2019-07-02 17:34 362https://jiangctry.iteye.com/blo ... -
超链接实现post方式提交
2019-07-02 14:05 651https://blog.csdn.net/yalishada ... -
jQuery实现checkbox全选功能完整实例
2019-02-27 19:34 391使用jQuery完成复选框的全选和全不选 https://bl ... -
如何在bootstrap模态框弹出后触发函数
2018-09-13 22:11 736如何在bootstrap模态框弹出后触发函数 https:// ... -
JQuery跳出each循环的方法(包含数组遍历)
2018-05-15 20:01 379https://www.cnblogs.com/fanbi/p ... -
Cookie和Session的作用和工作原理
2018-02-05 19:44 527http://blog.csdn.net/guoweimelo ... -
JQuery 插件之Ajax Autocomplete(ajax自动完成)
2018-01-01 21:49 502https://www.cnblogs.com/maxiao/ ... -
ajaxFileUpload 报这错jQuery.handleError is not a function
2016-12-08 15:56 465转自:http://zhangzhaoaaa.iteye.co ... -
ajax form表单提交 input file中的文件
2016-11-29 21:45 701http://www.cnblogs.com/Leo_wl/p ... -
jquery的几个CDN加速点
2016-10-31 13:59 492谷歌jquery cdn加速点 http://ajax.goo ... -
jquery cookie 插件下载
2016-10-20 17:02 603http://plugins.jquery.com/cooki ... -
placeholder的兼容处理(jQuery下)
2016-10-18 15:23 339/* .placeholder{ colo ... -
JQuery 自动触发事件
2016-10-18 11:14 523有时候,需要通过模拟 ... -
jQuery中没有innerText、innerHtml
2016-09-29 10:47 412发现如果我在div或者其他非表单的标签中赋值,原本用普通的js ... -
jQuery Ajax异步处理Json数据详解
2016-09-28 15:03 535$.ajax({ type: &qu ...
相关推荐
**Ajax+JSON 实例详解** 在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术已经成为提升用户体验的重要工具,它允许网页在不刷新整个页面的情况下与服务器进行数据交互。结合JSON(JavaScript Object ...
这个压缩包中的资源,"SSH+jQuery+json 实现的Ajax操作,绝对精华,代码简练清晰,绝对能看明白",显然提供了一个使用这些技术实现Ajax级联操作的实例。下面将详细介绍这些技术及其在Ajax操作中的应用。 **SSH ...
jQuery+Json 实现Ajax无刷新分类管理实例演示 基于jquery+json实现的网站后台管理中无刷新的分类管理功能演示,如上图演示所示,可无刷新添加一个分类、在动画弹出的对话框中输入分类名称即可实现保存,同进还可无...
在本文中,我们将深入探讨如何使用jQuery AJAX与ASP.NET一起工作,通过JSON格式传递和接收数据。这非常适合初学者,因为我们将逐步解析整个过程,并提供实际的代码示例。 首先,理解jQuery AJAX的核心概念至关重要...
3. 在前端处理返回的JSON数据:在$.ajax()方法的success回调函数中,返回的数据会被处理。这里使用了eval()函数来转换字符串形式的JSON数据为JavaScript对象。然而,在实际开发中,出于安全考虑,不建议使用eval()...
描述中提到,这个问题涉及到通过jQuery的getJSON方法与服务器上的.ashx(一般处理程序)文件进行通信,以获取并处理自定义内容。 在.NET框架中,.ashx文件是一种轻量级的HTTP处理器,它不绑定到特定的ASP.NET页面...
标题 "Jquery struts2 json 实现ajax" 涉及到的是在Web开发中使用jQuery库与Struts2框架结合处理JSON数据的Ajax技术。这个主题主要关注如何通过前端的jQuery实现异步请求,与后端的Struts2框架进行交互,从而更新...
在本实例中,我们将探讨如何利用Struts2、jQuery、Ajax和JSON技术实现一个用户登录功能。 首先,我们需要理解Ajax的核心概念,即在不刷新整个页面的情况下,向服务器发送异步请求并获取数据。这极大地提升了用户...
PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据简单实例 本文主要介绍了 PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据方法,以完整实例形式分析了 PHP 基于 jQuery 的 Ajax 无刷新提交数据实现方法。下面是详细的知识...
在本实例中,jQuery将用于处理与服务器的通信和更新页面内容。 **JSON (JavaScript Object Notation)** 是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在Web服务中,JSON常用于传输...
5. 结合使用jQuery和AJAX:演示如何利用jQuery简化AJAX调用,以及如何处理JSON响应数据,实现实时更新页面内容。 这些知识点对于想要学习Web开发,特别是Java RIA(Rich Internet Application)开发的人员非常重要...
总结来说,本段内容详细介绍了JQuery中$.getJSON方法的使用,展示了通过$.getJSON方法在前端获取JSON数据,并在回调函数中处理这些数据的实例。同时,也演示了服务端如何返回JSON格式的数据。在理解这些知识点时,...
在提供的"Csharp_Jquery_json实例"压缩包中,包含了具体的代码示例,包括前端jQuery脚本、后端C#处理程序以及可能的HTML模板。通过查看这些文件,你可以学习到如何: 1. 使用jQuery触发Ajax请求,并处理返回的JSON...
在这个实例中,“整合jquery+json+struts2异步提交”是一个典型的前端与后端交互的示例,利用了jQuery的Ajax功能和Struts2框架处理JSON数据。下面我们将详细探讨这些技术及其相互配合的工作原理。 **jQuery** 是一...
在"SSH2_jQuery_Ajax_Register2"这个文件中,可能包含了实现这个功能的源代码,包括Struts2的动作类、Spring的配置文件、Hibernate的映射文件、jQuery和Ajax的JavaScript代码,以及可能的JSON数据示例。通过分析和...
本实例将深入探讨如何利用jQuery的AJAX功能与JSON数据格式进行交互,以实现异步数据加载和更新,从而提高网页的用户体验。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和...
4. **jquery_json.jar**:此jar包可能包含与jQuery库集成的Java代码,以便在服务器端处理来自jQuery的JSON数据。这使得服务器端的Java代码能够理解和解析由jQuery发出的JSON请求,也可以将响应数据以JSON格式返回给...
"ASP.NET编程知识:ASP.NET中利用Jquery+Ajax+Json实现无刷新分页的实例代码" 本文将详细介绍如何使用Jquery、Ajax和Json技术在ASP.NET中实现无刷新分页的实例代码。通过本文,读者将了解到无刷新分页的实现原理、...