php面向对象--Ajax ppt

AJAX(Asynchronous JavaScript and XML)
其实是多种技术的综合
n AJAX的四个主要组件
¨XMLHttpRequest

¨JavaScript

¨CSS

¨DOM

异步通讯

利
¨带来更好的用户体验
¨把一些服务器负担的工作转嫁到客户端
¨可以调用外部数据。
¨基于标准化的并被广泛支持的技术，不需要下
载插件或者小程序。
¨进一步促进页面呈现和数据的分离。

弊
¨浏览器的支持：AJAX 大量使用了Javascript 和AJAX
引擎，IE5.0 及以上、Mozilla1.0、NetScape7 及以上
版本才支持，Mozilla 虽然也支持AJAX，但是提供
XMLHttpRequest 的方式不一样。
¨后退功能失效：AJAX 更新页面内容的时候并没有刷新
整个页面。
¨对流媒体的支持：没有FLASH好。
¨一些手持设备（如手机、PDA 等）：现在还不能很好
的支持Ajax

XMLHttpRequest对象
¨ XMLHttpRequest最早是在IE5中以ActiveX组件形式实现
¨ XMLHttpRequest在其他浏览器中以本地JS对象实现
var xhr;
function createXMLHttpRequest(){
if (window.ActiveXObject){
try{
xhr = new ActiveXObject("Msxml2.XMLHTTP"); // IE5
}catch(e){
xhr = new ActiveXObject("Microsoft.XMLHTTP"); // IE5.5
}
}else if (window.XMLHttpRequest){
xhr = new XMLHttpRequest(); // firefox
}
}

XMLHttpRequest方法
¨ open(“method”,”url”):建立对服务器的调用，
¨ send(content):向服务器发送请求
n GET方式时一般为NULL
n POST方式是，数据用此方法发送
¨ setRequestHeader(“header”,”value”):为首部设定值，
之前必须调用open方法
¨ getResponseHeader(“header”):返回指定首部的串值
¨ abort:停止当前请求

XMLHttpRequest属性
¨ readyState：请求的状态。有5个可取值：0＝未初始
化，1＝正在加载，2＝已加载。3＝交互中，4＝完成
¨ onreadystatechange:每个状态改变时都会触发这个事
件处理器，通常会调用一个JavaScript函数
¨ status:服务器的HTTP状态码（200为ok，404为Not
Found）
¨ statusText:HTTP状态码的对应文本（OK，NOT
Found等）

responseText:服务器的响应，表示为一个文本串
¨ responseXML:服务器的响应，表示为XML，这个对象
可以解析成一个DOM对象

发送简单请求步骤
¨创建XHR对象
¨注册事件
¨创建一个请求
¨发送一个请求
¨内容解析(responseText、responseXML)