XMLHttpRequest对象和DOM对象

 

一、XMLHttpRequest对象

XMLHttpRequest对象的属性：

属性	描述
onreadystatechange	状态改变的事件触发器
readyState	对象状态 (integer): 0 = 未初始化 1 = 读取中 2 = 已读取 3 = 交互中 4 = 完成
responseText	服务器进程返回数据的文本版本
responseXML	服务器进程返回数据的兼容 DOM 的 XML 文档对象
status	服务器返回的状态码 , 如： 404 = " 文件未找到 " 、 200 =" 成功 "
statusText	服务器返回的状态文本信息

XMLHttpRequest对象的方法：

方法	描述
abort()	停止当前请求
getAllResponseHeaders()	作为字符串返回完整的 headers
getResponseHeader("headerLabel")	作为字符串返回单个的 header 标签
open("method","URL"[,asyncFlag[,"userName"[, "password"]]])	设置未决的请求的目标 URL ，方法，和其他参数
send(content)	发送请求
setRequestHeader("label", "value")	设置 header 并和请求一起发送

二、DOM对象

    文档对象模型是与平台和语言无关的接口，允许程序和脚本动态地访问和更新文档的内容，结构和样式。文档可以进一步处理，处理的结果可以放回到所提供的页面中。如果服务端返回的是XML，使用responseXML即可直接创建DOM来操作这个文件。

DOM对象的属性：

属性	描述
childNodes	返回当前元素所有子元素集合
firstChild	返回当前元素的第一个子元素
lastChild	返回当前元素的最后一个子元素
nextSibling	返回紧跟在当前元素后面的元素（平级）
previousSibling	返回紧跟在当前元素之前的元素（平级）
nodeValue	指定表示元素值的读/写属性
parentNode	返回元素的父节点

DOM对象的方法：

方法	描述
getElementById(id) (document)	获取有指定唯一 ID 属性值文档中的元素
getElementsByTagName(name)	返回当前元素中有指定标记名的子元素的集合
hasChildNodes()	返回一个布尔值，指示元素是否有子元素
getAttribute(name)	返回元素的属性值，属性由 name 指定

动态创建内容所用的W 3C DOM属性和方法

属性 / 方法	描述
document.createElement(tagName)	文档对象上的 createElement 方法可以创建由 tagName 指定的元素。如果以串 div 作为方法参数，就会生成一个 div 元素
document.createTextNode(text)	文档对象的 createTextNode 方法会创建一个包含静态文本的节点
element.appendChild(childNode)	appendChild 方法将指定的节点 childNode 增加到当前元素的子节点列表
element.getAttribut(name) element.setAttribut(name, value)	获取和设置元素中 name 属性的值
element.insertBefore(newNode, targetNode)	这个方法将节点 newNode 作为当前元素的子节点插到 targetNode 元素前面
element.removeAttribute(name)	这个方法从元素中删除属性 name
element.removeChild(childNode)	从元素中删除子元素 childNode
element.replaceChild(newNode ， oldNode)	将节点 oldNode 替换为节点 newNode
element.hasChildnodes()	返回一个布尔值 , 指示元素是否有子元素