java视频教程：Ajax异步请求原理与实例讲解

Ajax：（Asynchronous JavaScript And XML）只刷新局部页面的技术。

它不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术，是基于JavaScript、XML、HTML、CSS新用法。

1、JavaScript：更新局部的网页

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

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

4、 CSS：美化页面样式

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

使用场景：

a) 搜索

b) 地图

c) 校验

d) 获取数据

一、 Ajax交互模型

二、传统web交互方式

三、关键技术点：

XMLHttpRequest对象

XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。

a) 创建对象的语法：

variable=new XMLHttpRequest();

老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象：

variable=new ActiveXObject("Microsoft.XMLHTTP");

向服务器发送请求

如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法。

语法：open(method,url,async)和xmlhttp.send()。

onreadystatechange 事件

当请求被发送到服务器时，我们需要执行一些基于响应的任务。每当 readyState 改变时，就会触发 onreadystatechange 事件。readyState 属性存有 XMLHttpRequest 的状态信息。

四、案例