AJAX学习笔记.doc
上传人:yy****24 上传时间:2024-09-09 格式:DOC 页数:10 大小:113KB 金币:14 举报 版权申诉
预览加载中,请您耐心等待几秒...

AJAX学习笔记.doc

AJAX学习笔记.doc

预览

在线预览结束,喜欢就下载吧,查找使用更方便

14 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

创建XMLHttpRequest对象:VarxmlHttp;//创建XMLHttpRequest对象FunctioncreateXMLHttpRequest(){//下面根据浏览器是否支持ActiveXObject而采用不同的方式创建XMLHttpRequest对象If(window.ActiveXObject){xmlHttp=newActiveXObject("Microsoft.XMLHTTP");}elseif(window.XMLHttpRequest){xmlHttp=newXMLHttpRequest();}}//启动与服务器的异步通信Functionbegin(){//调用createXMLHttpRequest()创建XMLHttpRequest对象createXMLHttpRequest();//将状态触发器绑定得到一个函数上面xmlHttp.onreadystatechange=processor;//这是一个函数名,当xmlHttp对象的状态发生//改变时,就会自动的调用这个函数//使用GET方式建立对服务器资源的一个异步调用xmlHttp.open("GET","test.xml");//第一个参数是打开与服务器连接的方式,第二个参数//是请求服务器的url地址//向服务器发送请求xmlHttp.send(null);//参数就是向服务器发送的数据,在使用GET方式的时候一般都为//null,因为GET方式的数据都是包含在url地址中,而采用POST方//式请求的时候这个值就需要设置,这也是GET方式和POST的区//别之一}//定义一个状态处理函数用于处理状态触发器的状态改变Functionprocessor(){If(xmlHttp.readyState==4)//如果服务器处理请求成功,会返回一个状态值,为4{If(xmlHttp.status==200)//如果服务器返回状态为成功,也会返回一个状态码,200//为成功{Alert("从服务器返回的内容为:"+xmlHttp.responseText);}}}XMLHttpRequest对象的方法:Abort();停止当前请求getAllResponseHeaders()返回HTTP请求的所有响应头部的键/值字符串getResponseHeader("header")返回指定头部属性的字符串值Open(method,url)建立对服务器的调用。Method参数可以提供GET、POST或者PUT,URL参数可以是相对URL或者绝对URLSend(content)向服务器发送请求,content参数为请求的数据setRequestHeader("header","value")为指定头部属性设置指定值XMLHttpRequest对象的属性:Onreadystatechange:状态改变的事件触发器,通常绑定一个JS函数,每当状态发生变化时,就调用该函数readyState:请求的状态,有5个值,这里的每个状态,代表XMLHttpRequest对象与服务器交互的每个状态:0代表未初始化,1代表读取中,2已读取,3交互中,4完成;responseText:从服务器返回的文本形式的响应内容responseXML:从服务器放回到的兼容DOM的XML文档对象status:从服务器返回的状态码:即请求服务器的结果:404代表文件找不到,200代表请求成功statusText:从服务器返回的状态文本信息,例如:OK或NotFound等操作HTML文档的常用DOM方法:getElementById(sIDValue)返回文档中具体指定id属性的元素getElementByTagName(sTagName)返回当前元素中有指定标记名的子元素的数组appendChild(childNode)在当前节点的childNodes[]数组中增加一个节点childNodecloneNode(false|true)false表示仅复制当前节点;true表示复制当前节点,以及它的所有子孙节点hasChildNodes()判断当前节点是否拥有一个子节点,有则返回trueinsetBefore(newNode,targetNode)将节点newNode作为当前元素的子节点插到targetNode元素前面removeChild(childNode)从文档树中删除子节点childNodereplaceChild(newNode,oldNode)将节点oldNode替换为节点newNodegetAttribute(sAttrName)返回指定属性的字符串