Note_深入浅出Ajax

 

 

##XMLHttpRequest
处理浏览器与服务器的交互

 

::方法
open     建立请求
abort    停止请求
GetAllREsponseHeaders
            返回HTTP响应头部
getResponseHeader

            返回HTTP响应某个头部
send    发送请求
setRequestHeader
           设置请求头部信息

 

::属性
readyState     请求处理状态描述
responseText 响应数据(文本)
responseXML 响应数据(XML)
status            服务器响应状态
statusText     对应相应状态的相应文本
onreadystatechange
                      readyState属性变化时应调用的回调函数

 

##DOM
文档对象模型
代表整个页面内容的树形结构
提供了一些属性及方法来操作文档

 

##非标准页面元素属性
主流浏览器对页面内元素支持innerHTML属性
innerTEXT  开始标记和结束标记之间的文本(不含标记)
innerHTML  开始标记和结束标记之间的文本(含标记)

 

##一些基本应用
后台验证
动态加载多级列表框
多级树形菜单
页面局部更新
自动完成
页面元素UI调整

 

##Ajax框架
dojo    封装DOM操作的JavaScript代码
          XMLHttpRequest连接管理
          控件UI视觉效果
DWR(Direct Web Remoting)
          JavaSript直接调用Java方法的应用框架
          类似于远程调用

 

##项目实践参考(流程定制工具)
延迟加载，加快响应
适当本地缓存
状态栏提示
ToolTip显示提示
定时保存编辑内容
通过代理实现跨域访问
可伸缩UI
可持久化UI

 

##参考
深入浅出Ajax