AJAX小结

原出处:http://blog.163.com/zwx_gis/blog/static/32434435200971072634757/
Web编程相关   2009-08-10 19:26   阅读15   评论0  
 
Ajax (Asynchronous JavaScript and XML) 是多种技术的集合，包括JavaScript、XHTML、CSS、DOM、XML、XSTL、XMLHttpRequest等，其中XHTML和CSS 实现标准化呈现，DOM 负责数据的动态显示和交互，XML和XSTL进行数据交换和处理， JavaScript负责操作XMlHttpRequest对象来跟数据库打交道，XMLHttpRequest负责数据的异步获取。
优点：无刷新请求处理数据。
缺点：要求IE5.0,Mozilla1.0,NetScape7以上；
         更新页面内容时没有刷新整个页面，故后退功能是失效的；
         对流媒体和PDA之类的支持不是很好。
 
一、核心对象：XMLHttpRequest对象（是XMLHTTP组件的对象）。
一个页面可以通过一个HttpRequest发送一个请求来获取服务器响应，而当前页面不做刷新。XMLHttpRequest对象不是W3C标准，目前支持此对象操作的浏览器有：IE5.0+、Firefox、Netscape7、Mozilla1.0、Safari1.2等。
属性：
属性名
描述
onreadystatechange
一个事件，用来捕获所有的状态变换,通常调用javascript函数
readyState
返回对象状态：
0 = uninitialized（没有初始化）
1 = loading（正在读取中）
2 = loaded（已读取）
3 = interactive（交互中）
4 = complete（完成）
responseText
响应文本，表示一个串
responseXML
响应XML数据，可以解析为DOM对象
status
返回服务器状态的数字
404 = Not Found（没发现）
200 = OK（成功）
statusText
返回状态文本（如：“Not Found” ，“OK”）
方法：
方法
描述
open(
'GET/POST',
url,
true/flase,
 
user,passwd)
打开一个请求
get/post：请求方法
url：请求的url
true/flase:异步/同步模式。即发送请求后是否等待回应而去执行别的操作。
访问用户，访问密码（可选）
send(content)
向服务器发送请求
可以是DOM对象的实例、输入流，或者串
getAllResponseHeaders()
获取完整的Http header信息
包括Content-Length、Date、url
getResponseHeader(headername)
获取指定的Http header信息
setRequestHeader("label","value")
设置请求头部信息
在设置任何头部之前必须先调用