原文地址:
http://www.okajax.com/a/200905/XMLHttpRequest_DOM.html
一、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指定
动态创建内容所用的W3C 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()
返回一个布尔值,指示元素是否有子元素
分享到:
相关推荐
### XMLHttpRequest对象的介绍和实现 #### 一、引言 随着网络应用的发展,网页与服务器之间的交互变得越来越频繁。传统的网页交互方式往往依赖于整个页面的刷新,这不仅效率低下,而且用户体验较差。为了解决这个...
文件"005_XmlHttpRequest与XMLDOM的完整使用"可能包含详细的示例代码,包括如何在JavaScript中创建和使用XHR对象,以及在C#或VB.NET中如何操作XMLDOM。通过学习这些示例,你可以更深入地理解这两者的工作原理,并能...
虽然 XMLHttpRequest 并不是一个 W3C 标准,但是许多功能已经涵盖在一个新提案中:DOM Level 3 加载和保存规约。 XMLHttpRequest 对象的行为在不同浏览器上也有所区别,但是大多数方法和属性都得到了广泛的支持。...
XMLHttpRequest对象是Web开发中的关键组件,尤其对于实现AJAX(异步JavaScript和XML)技术至关重要。它允许在不刷新整个页面的情况下与服务器进行通信,极大地提升了用户体验。这个对象在所有现代浏览器中都得到了...
例如,UpdatePanel控件背后的实现就是基于XMLHttpRequest对象的,它自动处理了请求和响应的处理逻辑,使得开发者无需直接操作XMLHttpRequest对象。 总的来说,VS2008的AJAX控件为开发者提供了一种高效、直观的方式...
下面我们将深入探讨XMLHttpRequest对象的主要属性和方法。 **1. 创建XMLHttpRequest对象** 创建XMLHttpRequest对象有两种方式,一种是针对Internet Explorer浏览器,使用ActiveXObject: ```javascript ...
2. XMLHttpRequest对象的属性和事件 - readyState属性:表示请求的当前状态,从0(未初始化)到4(完成)。当状态改变时,会触发onreadystatechange事件。 - status属性:返回HTTP状态码,如200表示成功,404表示找...
2. 发送和接收XML数据:在使用XMLHttpRequest对象时,我们可以通过其send方法发送请求,并通过responseXML属性或responseText属性接收来自服务器的数据。通常情况下,服务器返回的是XML格式的数据,客户端通过解析...
DOM(文档对象模型)和XMLHttpRequest对象是Web开发中常用的技术,特别是在处理异步请求和动态网页内容更新时。 首先,DOM是一个跨平台和语言的接口,它将文档呈现为节点树,可以被编程语言如JavaScript操作。DOM的...
XMLHTTPRequest对象是Web开发中用于实现异步数据通信的关键技术,尤其在JavaScript中广泛使用,使得页面无需刷新就能与服务器交换数据并更新部分内容。这一技术最初由Microsoft引入,但现在已经成为了非官方的标准,...
`ResponseXML`属性是一个XML DOM对象,它包含了服务器返回的XML格式的数据。如果服务器返回的是一个有效的XML文档,那么这个属性就可以被用来解析和操作数据。例如,假设服务器返回了一个包含用户信息的XML: ```...
IE7 提供 XMLHttpRequest 对象为兼容 ...IE7 中的 XMLHttpRequest 对象的出现使得开发者可以更方便地使用 JavaScript 和 DOM 技术来编写网页应用程序,同时也体现了微软对 web 标准的承诺和支持。
2. `responseXML`:如果响应类型是XML,可以解析为DOM对象。 3. `status`:HTTP状态码,如200表示成功,404表示未找到资源。 4. `statusText`:状态码的描述。 六、跨域请求 由于同源策略限制,JavaScript通常只能...
在JavaScript中,XMLHttpRequest(XHR)和Fetch API在获取远程数据后,也会用DOM来解析响应的XML或HTML内容。 **总结** DOM文档对象中文手册提供了一个全面的指南,帮助开发者理解和操作文档结构。无论你是前端...
XML DOM(Document Object Model)是XML文档的一种标准接口,它允许程序员和脚本语言通过对象和方法来访问、创建和修改XML文档的结构和内容。这个"XMLDOM对象方法中文手册chm"提供了关于XML DOM在中文环境下的详细...