掌握Ajax技术
掌握Ajax开发步骤
掌握Ajax进行实例开发
Ajax应用到的技术
Ajax涉及到7项技术,其中Javascript,XMLHttpRequest,Dom,XML是最重要的
XMLHttpRequest是XMLHttp组件的对象,通过这个对象,AJAX可以像桌面应用程序一样只同服务器进行数据交换,却不用每一次都刷新界面,也不用每一次将数据处理的工作都交给服务器来做;这样即可减轻服务器的负担又可加快响应速度,缩短了用户等待时间。
IE5.0开始,开发人员可以在wab页面内使用
XMLHttpActiveX组件扩展自身的功能,不用从当前WEB页面导航就可以直接传输数据到服务器或者从服务其接受数据。
Moilla1.0以及NetScape7则是创建继承XML代理类
XMLHttpRequest;对应大多数情况,XMlHttpRequest对象和XMLHttp组件很相似,方法和属性类似,只是部分属性不同
XMLHttpResquest对象
XMLHttpResquest对象的方法
方法 | 描述 |
Abort() | 停止当前请求 |
getAllResponseHeaders() | 作为字符串返回单个的hearder标签 |
open("method","URL"[,asynFlag[,userNamme"[,"password"]]]) | 设置未决的请求的目标URL方法和其他参数 |
Send(content) | 发表请求 |
SetRequestHearder("label",value) | 设置header并和请求一起发送 |
XMLHttpResquest对象
XMLHttpResquest对象的属性
属性 | 描述 |
onreadystatechange | 状态改变的事件触发器 |
readyState |
对象状态(integer): 0=初始化,1=读取中,2=已读取,3=交互中,4=完成 |
resquestText | 服务器数据返回数据的文本 |
resquestXML | 服务器进程返回数据的兼容DOM的XML文档对象 |
Status | 服务器返回状态码,如404=“文件未找到”,200=“成功” |
StatusText | 服务器返回的状态文本信息 |
JavaScript/DOM/XML
Javascript一直被定位为客服端的脚本语言,应用最多的地方就是表单数据的校验。现在,可以通过Javascript操作XMLHttpResquest,来跟数据库连接
DOM(Document Object Model)是提供给Html和XML使用的一组API,提供了文件的表述结构,并可以利用它改变其中的内容。脚本语言通过DOM才可以跟页面进行交互。Web开发人员可操作及建立文件的属性、方法以及事件都以对象来展现。比如,document就代表页面对象本身 XML,是网上传输的数据,文档符合统一的标准。Xml可以很容易让所有程序共享