AJAX技术和应用.doc

文档介绍：AJAX技术和应用
Ajax技术的发展过程
Ajax的概念
是异步javascript 和 xml 的英文缩写
技术核心:使用XMLHttpRequest对象发送异步请求.
Ajax的技术原理
技术范围
XHTML和CSS
DOM进行动态显示和交互
XML和XSLT进行数据交互和操作
XMLHttpRequest进行异步数据接收
使用Javascript作为前端代码
应用的因素
减轻服务器的负担。按需提取数据
无刷新提取数据
用户体验效果。减少用户等待时间
将部分负荷转移到客户端,利用客户端闲置的处理资源
页面呈现与分离
技术应用的场景
数据验证
按需提取数据
无刷新提交和操作
自动局部刷新
其它
Ajax的应用基础
XMLHttpRequest 和 javascript
XMLHttpRequest 的对象方法
方法
说明
Abort()
停止当前请求
getAllResponseHeaders()
将HTTP请求的响应作为键/值返回
getResponseHeder(“headerlabel”)
返回指定首字母的字符串
Open(“method”,url,”[async]”,username,password)
建立对服务器的调用
Send(content)
向服务器发送
setRequestHeader(“label”,”value”)
向指定首部设置值
XMLHttpRequest 的对象属性
属性
说明
onreadystatechange
状态改变的事件触发器,每个状态改变都会触发
readystate
对象状态
responseText
服务器的响应,字符串
responseXML
服务器响应的XML,可以解析为DOM
status
服务器返回的HTTP状态码
statusText
HTTP状态码的相应的文本
示例:
Var xmlhttp;
If( IE)
{
Xmlhttp = new ActiveXObject(“”);
}else (window.. XMLHttpRequest)
{
Xmlhttp = new XMLHttpRequest();
}
( );
=callback;
(null);
Function callback() { }
Javascript 面向对象的编程方法
Function ( x1 ,x2 )
{
=x1;
=x2;
}
DOM 对象
HTML常用节点类型
名称
NodeType
说明
Element
1
元素节点
Text
3
文本节点
Document
9
Document
Comment
8
注
DocumentFragment
11
Document片断
Attribute
2
节点属性
Document的常用方法
createAttribute()
用指写名称创建新的Attribute
ment()
ment
createE