Ajax使用简介

Posted 2020-08-16

掌握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可以很容易让所有程序共享