AJAX的核心对象XMLHttpRequest

    

 

Ajax:采取相同的技术（html、css、javascript、xml），使用了新的思路

1、传统的web开发模型

用户首先向web服务器发送一个http请求，服务器获取请求后，

从后台数据库(mysql)、应用程序(*.php)进行查找，处理结果被生成html页面，

反馈到客户端的是完整的页面；

2、基于AJAX的web开发模型

   用户首先向web服务器发送一个http请求，服务器获取请求后，

从后台数据库(mysql)、应用程序(*.php)进行查找，处理结果被生成xml数据，

反馈到客户端的是所需的内容；

 

 

第二种方式实现异步通信

1、定义

AJAX的核心对象XMLHttpRequest

 

XMLHttpRequest：是浏览器的XMLHTTP组件的对象，通过该对象AJAX可以像桌面应用程序一样同服务器进行数据层面的交互，不需要每次都进行整个页面的刷新。

 

2、步骤

1）初始化对象并发送XMLHttpRequest请求

ü  针对IE7.0、8.0、firefox、mozillar、opera、safari浏览器

var xmlhr = new XMLHttpRequest();

ü  针对IE5.0、5.5、6.0

var xmlhr = new ActiveXObject();

 

2）指定响应处理函数

onreadystatechange

  

状态

描述

0

初始化状态。XMLHttpRequest 对象已创建或已被 abort() 方法重置。

1

open() 方法已调用，但是 send() 方法未调用。请求还没有被发送。

2

Send() 方法已调用，HTTP 请求已发送到 Web 服务器。未接收到响应。

3

所有响应头部都已经接收到。响应体开始接收但未完成。

4

HTTP 响应已经完全接收。

 

3）发出HTTP请求

Open（）

   Send（）

   status：由服务器返回的 HTTP 状态代码，如 200 表示成功，而 404 表示 "Not Found" 错误

  

4）处理服务器返回的数据

responseXML

responseText

 

 

3、应用XMLHttpRequest实现AJAX