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