JavaWeb学习-Ajax-1-Ajax简介

JavaWeb学习-Ajax-1-Ajax简介

进入到一个新的知识点的学习，这个知识点叫做Ajax，指的是异步的javascript和xml，Ajax不是一种编程语言，而是一种用于创建更好更快，交互性更强的web应用程序技术，是基于Javascript xml css html新用法。

1. 什么是Ajax

下面这张图可以解释Ajax是由什么组成

Ajax就是上面四个单词缩写，主要是看第一个单词，异步的，Asynchronous，相反肯定有同步的概念。

先简单理解下什么是同步和异步。

同步，之前我们练习demo过程中访问各种jsp页面，其实就是同步的，一个jsp页面全部元素对应的请求都同一时间发往web服务器，服务器开始处理，返回返回给客户端。没做一次操作，都需要刷新整个页面，这个就是同步的场景。

异步，拿手机淘宝举例，我们打开手机淘宝首页，里面有分很多子产品。例如天天特价，淘抢购等，同样是首页，淘抢购这个局部区域，一般都间隔一段时间进行刷新，显示出商品。这种局部刷新技术，就是异步请求。

2. Ajax涉及技术名词解释

JavaScript:更新局部的网页

XML：一般用于请求数据和响应数据的封装

XMLHttpRequest对象：发送请求到服务器并获得返回结果

CSS：美化页面样式

异步：发送请求后不等返回结果，由回调函数处理结果。

JavaScript中XMLHttpReuqest对象是整个Ajax技术的核心，它听过了异步

发送请求的能力。

3. 同步请求和异步请求对比

4. XMLHttpReuqest对象简介

学习Ajax重点就是学习XMLHttpReuqest对象，可以理解为就是一个request对象，不是我们前面学习过的tomcat这样web服务器提供的reuqest对象，这个request对象是浏览器提供的，因为AJAX是浏览器的内核。

4.1 XMLHttpReuqest的构造方法

Eclipse上新建一个动态的web项目，然后在WebContext文件夹下新建一个1.html文件，输入下面代码。

选择任何浏览器去打开这个1.html文件，如果出现以下图效果，说明XMLHttpReuqest对象创建成功。

4.2 XMLHttpReuqest方法和属性

常用方法：

常用属性：

readyState: 返回类型是short,只读

responseText: 返回类型是String,只读

responseXML: 返回类型是Document，只读

status: 返回类型是short,只读,例如返回500错误

事件处理器

onreadystatechange

下表说明readyState不同状态码的含义。

下一篇详细来学习下XMLHttpRequest对象用代码来做一下发送请求。