文章目录
(一)
Ajax 技术的组成
1, JavaScript
2, XMLHttpRequest
AJAX的核心是JavaScript对象XMLHttpRequest。XMLHttpRequest对象用于在后台与服务器进行异步通信,通过HTTP传递请求和响应数据
3, XML
4, DOM
DOM是文档对象模型(Document Object Model)的英文字首缩写,它定义了操作文档对象的接口。
5, CSS
(二)
Ajax 的通信
(1) 创建XMLHttpRequest对象
(2) 初始化请求参数
(3) 发送请求
(4) 捕获请求状态
(5) 判断请求状态
readyState 属性值表示 HTTP 请求的当前状态,在事件处理程序中一般根据该值进行不同处理。当 XMLHttpRequest 对象初次创建时,该属性值从0开始,直到接收到完整的 HTTP 响应,该属性值递增至4。
(6) 判断请求结果
(7) 获取响应文本
当请求成功后,可以使用 responseText 属性来获取响应结果。
当 readyState 属性值小于3,responseText 属性就是一个空字符串。
当 readyState 为3时,responseText 属性返回目前已经接收的响应部分。
当 readyState 为4,responseText 属性会保存完整的响应体。
(8) 获取响应XML
responseXML 属性用于获取服务器对请求的响应,服务器返回的必须是 XML文档对象,因此 HTTP 响应头部的 content-type必须设置为“text/XML”。