AJAX的原理和实现步骤

一、Ajax是什么?

• Ajax = 异步 JavaScript 和 XML 或者是 HTML
• Ajax 是一种用于创建快速动态网页的技术。
• Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页更新部分网页的技术。

Ajax使用的场景：网页的消息角标变化、搜索引擎的输入提示、注册时输入格式错误提示
（注意：Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。）

二、Ajax工作原理

三、Ajax的使用及实现步骤

(1) 创建XMLHttpRequest对象,也就是创建一个异步调用对象.
(2) 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.
(3) 设置响应HTTP请求状态变化的函数.
(4) 发送HTTP请求.
(5) 获取异步调用返回的数据.
(6) 使用JavaScript和DOM实现局部刷新.

1.创建Ajax核心对象XMLHttpRequest

var xmlHttp;
if(window.XMLHttpRequest){
     //针对除IE6以外的浏览器
    xmlHttp=new XMLHttpRequest(); //实例化一个XMLHttpRequest
}else{
   
   xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");   //针对IE5,IE6
}

2.向服务器发送请求

xmlhttp.open(method,url,async);
xmlhttp.send();

示例如下：

var xmlHttp = new XMLHttpRequest();
   xmlHttp