jQuery、ajax、JSON三者之间的关系
最近在做项目的过程中,对于jQuery、ajax、JSON这三者的关系总是理不清楚,于是,在简单是使用,有了丁点的经验,于是对这三者的关系做了下研究:
1、jQuery : 以下来自百度百科
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。
jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件
从以上内容中我们可以提取到以下2点:
- jQuery是一个JavaScript框架
- jQuery中有很多内容,Ajax是jQuery的一部分
2、AJAX
a、什么是 AJAX?
AJAX = JavaScript 和 XML(Asynchronous JavaScript and XML)
b、AJAX的特点:
1.Ajax 能够与服务器交换少量数据,从而异步地更新部分网页
2.异步,指的是当 Ajax 执行交换数据的操作时,其他的操作仍然可以执行(常见的操作如各大网站的输入一个字,弹出很多内容,如百度、谷歌、淘宝)
c、Ajax技术的核心是XMLHttpRequest对象(简称XHR),可以通过使用XHR对象获取到服务器的数据(具体深入了解请移步:https://www.cnblogs.com/pangting/p/6903403.html)
d、Ajax的格式:
type : "", url : "", dataType : "json", data : { key : value }, success : function(data) { }, error : function() { alert("系统异常"); } });
type:请求方式 ("POST" 或 "GET"), 默认为 "GET"
url:(默认: 当前页地址) 发送请求的地址。
dataType:预期服务器返回的数据类型。一般为json,如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断
data:发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL后
success:请求成功后的回调函数。参数:由服务器返回,并根据dataType参数进行处理后的数据;描述状态的字符串
error:(默认: 自动判断 (xml 或 html)) 请求失败时调用此函数
async:(默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false
json值得获取:方法会直接获取
public JSONObject chageState(UserInfo userInfo) { JSONObject json = new JSONObject(); return json; }
json传值问题:
可以在script中判断之后,把想要的值传过去,这个是这次项目学到de一个小技巧,因为在一开始的过程中,我是没有进行判断的,直接传值过去的,所以在后台在进行判断,就会比较麻烦;还是这块儿刚开始不太懂,所以才能在问学友时学到这个小技巧
jsp页面动态刷新问题:
在做项目的过程中,添加数据之后,要页面实时刷新,这个也困扰了我一些时间,在很多时候,不会的就应该去问,去百度,具体里了解可以移步:https://blog.csdn.net/sun2012930/article/details/53896720
Ajax的简单研究就到这了,因为现在用到的就这么多, 等以后有其他的应用了再来研究
3、jQuery
JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式;
在ajax传值的过程中,data(传输值)和dataType(返回值)的传值用的都是json
对于json具体的学习请移步:http://www.json.org.cn/index.htm
以上就是简单的介绍jQuery、ajax、json的关系了

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
深入Spring Boot:Spring Context的继承关系和影响
前言 对于一个简单的Spring boot应用,它的spring context是只会有一个。 非web spring boot应用,context是AnnotationConfigApplicationContext web spring boot应用,context是AnnotationConfigEmbeddedWebApplicationContext AnnotationConfigEmbeddedWebApplicationContext是spring boot里自己实现的一个context,主要功能是启动embedded servlet container,比如tomcat/jetty。 这个和传统的war包应用不一样,传统的war包应用有两个spring context。参考:http://hengyunabc.github
- 下一篇
策略模式原来这么简单!
前言 只有光头才能变强 回顾前面: 给女朋友讲解什么是代理模式 包装模式就是这么简单啦 单例模式你会几种写法? 工厂模式理解了没有? 无论是面试还是个人的提升,设计模式是必学的。今天来讲解策略模式~ 一、策略模式介绍 我一次听到策略模式这个词,是在我初学JDBC的时候。不知道大家有没有用过DBUtils这个组件。当时初学跟着视频学习,方立勋老师首先是让我们先自己封装一下JDBC的一些常用的操作(实际上就是模仿DBUtils这个组件)。 当时候的问题是这样的:我们打算封装一下query()查询方法,传入的参数有String sql , Object[] objects(指定SQL语句和对应的参数)。我们想根据不同的业务返回不同的值。 比如说,有的时候我们返回的是一条数据,那我们想将这条数据封装成一个Bean对象 比如说,有的时候我们返回的是多条数据,那我们想将这多条数据封装成一个List<Bean> 集合 比如说,有的时候我们返回的是xxxx数据,那我们想将这多条数据封装成一个Map<Bean> 集合 ........等等等 当时解决方案是这样的: 先定义一个接口...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果
- Docker安装Oracle12C,快速搭建Oracle学习环境
- Linux系统CentOS6、CentOS7手动修改IP地址
- CentOS6,7,8上安装Nginx,支持https2.0的开启
- CentOS7设置SWAP分区,小内存服务器的救世主
- Eclipse初始化配置,告别卡顿、闪退、编译时间过长
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- Windows10,CentOS7,CentOS8安装Nodejs环境
- SpringBoot2初体验,简单认识spring boot2并且搭建基础工程
- CentOS8安装Docker,最新的服务器搭配容器使用