Ajax中异步请求的主要方法之XmlHttp对象与DOM

 1.            加载服务器的方法Open [来源网络,值得推荐]

Xmlhttp.Open(Method,URL,aysc);

方法中包括3个参数：

（1）       Method：表示向服务器发送请求的HTTP方法，此参数有5种类型：get、poset、head、put、delete。其中最常用的就是get和poset。Get是将参数追加到URL中发送，而poset是将参数串放在请求中发送。

（2）       URL：表示请求的服务器的地址，如果是XML文件，则写明详细路径

（3）       aysc：表示是否使用异步方式获取数据。如果是true，则XMLHttp将异步调用对象。

2．发送请求的方法Send

不带参形式：xmlhttp.Send()或xmlhttp.Send(null)

带参数形式：xmlhttp.Send(“id=jiahao”);

3．异步对象的其它方法

方法名	方法说明
Abort()	停止当前的请求
GetAllResponseHeaders()	把http的所有响应头部的信息，作为键/值对返回
GetResponseHeader(头属性名称)	返回制定头部信息的属性
SetRequestHeader(header名称，header值)	为制定的头部属性设置值

 Ajax中异步请求的主要属性

Ajax主要有两种类型的属性，一种是返回值，一种是状态值。有关返回值的属性主要有下列3个：

ResponseText：以字符串形式返回服务器的响应 ResponseXML：以XML的形式返回服务器的响应 ResponseBody：服务器的响应包括head、body等全部信息，可以使用此属性只获取相应的body部分

有关状态值的属性主要有以下3个：

ReadyState：表示请示的状态，共有5个。0：未初化 1：正在加载 2：已加载 3：交互中 4：完成 Status：服务器响应的http状态码（200对应Ok，400对应Not Found） StatusText：状态码对应的文本

异步请求的主要事件

xmlhttp.onreadystatechange=stateChange;

注意：stateChange是自定义的一个JavaScript方法。一旦指定了这个事件的方法，就可以在方法stateChage中判断请求的状态，并可以根据状态号执行不同状态时期的客户端处理。

Ajax中动态操作DOM的主要方法

DOM对象的常用属性：

firstChild	第一个子节点
lastChild	最后一个子节点
nextSibling	下一个兄弟节点
previousSibling	上一个兄弟节点
parentNode	父节点
childNodes	节点的子节点集合，数组

常用方法：

1． getElementById

2． getElementsByTagName

3． getAttribute

4． setAttribute

动态创建页面中的元素：

方法名称	方法说明
document.createElement(tagname)	在页面中创建一个元素
document.createTextNode(text)	在页面的元素中创建其文本值
appendChild(node)	添加一个节点到当前元素内
insertBefore(newnode,tagname)	在指定元素前插入新节点
removeChild(node)	删除指定的节点
replaceNode(newnode,oldnode)	将旧节点替换成新节点

转载于:https://www.cnblogs.com/accpxcb/articles/Ajax_XmlHttpObject_DOM.html