`
zhengxuezhou
  • 浏览: 151357 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

XMLHttpRequest对象和DOM对象

    博客分类:
  • web
阅读更多
原文地址:
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对象的介绍和实现

    ### XMLHttpRequest对象的介绍和实现 #### 一、引言 随着网络应用的发展,网页与服务器之间的交互变得越来越频繁。传统的网页交互方式往往依赖于整个页面的刷新,这不仅效率低下,而且用户体验较差。为了解决这个...

    XmlHttpRequest与XMLDOM的完整使用(ASP.NET Web)

    文件"005_XmlHttpRequest与XMLDOM的完整使用"可能包含详细的示例代码,包括如何在JavaScript中创建和使用XHR对象,以及在C#或VB.NET中如何操作XMLDOM。通过学习这些示例,你可以更深入地理解这两者的工作原理,并能...

    使用XMLHttpRequest对象.doc

    虽然 XMLHttpRequest 并不是一个 W3C 标准,但是许多功能已经涵盖在一个新提案中:DOM Level 3 加载和保存规约。 XMLHttpRequest 对象的行为在不同浏览器上也有所区别,但是大多数方法和属性都得到了广泛的支持。...

    全面剖析XMLHttpRequest对象

    XMLHttpRequest对象是Web开发中的关键组件,尤其对于实现AJAX(异步JavaScript和XML)技术至关重要。它允许在不刷新整个页面的情况下与服务器进行通信,极大地提升了用户体验。这个对象在所有现代浏览器中都得到了...

    VS2008 AJAX控件介绍 AJAX组成及XMLHttpRequest对象

    例如,UpdatePanel控件背后的实现就是基于XMLHttpRequest对象的,它自动处理了请求和响应的处理逻辑,使得开发者无需直接操作XMLHttpRequest对象。 总的来说,VS2008的AJAX控件为开发者提供了一种高效、直观的方式...

    ajax 入门基础之 XMLHttpRequest对象总结

    下面我们将深入探讨XMLHttpRequest对象的主要属性和方法。 **1. 创建XMLHttpRequest对象** 创建XMLHttpRequest对象有两种方式,一种是针对Internet Explorer浏览器,使用ActiveXObject: ```javascript ...

    jQuery AJAX XMLHttpRequest对象PPT

    2. XMLHttpRequest对象的属性和事件 - readyState属性:表示请求的当前状态,从0(未初始化)到4(完成)。当状态改变时,会触发onreadystatechange事件。 - status属性:返回HTTP状态码,如200表示成功,404表示找...

    05-使用XMLHttpRequest对象发送和接收XML数据,及乱码问题的解决.pdf

    2. 发送和接收XML数据:在使用XMLHttpRequest对象时,我们可以通过其send方法发送请求,并通过responseXML属性或responseText属性接收来自服务器的数据。通常情况下,服务器返回的是XML格式的数据,客户端通过解析...

    DOM和XMLHttpRequest对象的属性和方法整理

    DOM(文档对象模型)和XMLHttpRequest对象是Web开发中常用的技术,特别是在处理异步请求和动态网页内容更新时。 首先,DOM是一个跨平台和语言的接口,它将文档呈现为节点树,可以被编程语言如JavaScript操作。DOM的...

    XMLHTTPRequest对象详解

    XMLHTTPRequest对象是Web开发中用于实现异步数据通信的关键技术,尤其在JavaScript中广泛使用,使得页面无需刷新就能与服务器交换数据并更新部分内容。这一技术最初由Microsoft引入,但现在已经成为了非官方的标准,...

    asp.net ajax操作xmlHttpRequest对象返回的ResponseXML和ResponseText例子

    `ResponseXML`属性是一个XML DOM对象,它包含了服务器返回的XML格式的数据。如果服务器返回的是一个有效的XML文档,那么这个属性就可以被用来解析和操作数据。例如,假设服务器返回了一个包含用户信息的XML: ```...

    IE7提供XMLHttpRequest对象为兼容

    IE7 提供 XMLHttpRequest 对象为兼容 ...IE7 中的 XMLHttpRequest 对象的出现使得开发者可以更方便地使用 JavaScript 和 DOM 技术来编写网页应用程序,同时也体现了微软对 web 标准的承诺和支持。

    XMLHttpRequest对象参考

    2. `responseXML`:如果响应类型是XML,可以解析为DOM对象。 3. `status`:HTTP状态码,如200表示成功,404表示未找到资源。 4. `statusText`:状态码的描述。 六、跨域请求 由于同源策略限制,JavaScript通常只能...

    DOM文档对象中文手册

    在JavaScript中,XMLHttpRequest(XHR)和Fetch API在获取远程数据后,也会用DOM来解析响应的XML或HTML内容。 **总结** DOM文档对象中文手册提供了一个全面的指南,帮助开发者理解和操作文档结构。无论你是前端...

    XMLDOM对象方法中文手册chm

    XML DOM(Document Object Model)是XML文档的一种标准接口,它允许程序员和脚本语言通过对象和方法来访问、创建和修改XML文档的结构和内容。这个"XMLDOM对象方法中文手册chm"提供了关于XML DOM在中文环境下的详细...

Global site tag (gtag.js) - Google Analytics