原文地址:
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()
返回一个布尔值,指示元素是否有子元素
分享到:
相关推荐
DOM和XMLHttpRequest对象的属性和方法整理,注意是方便操作ajax的朋友
异步JavaScript与XML(AJAX)是一个专用术语,用于实现在客户端脚本与服务器之间的数据交互过程。这一技术的优点在于,它向开发者提供了一... Google的Gmail和Outlook Express就是两个使用AJAX技术的我们所熟悉的例子。
摘要:本节补充ajax学习笔记1中 第二种方式:使用XMLHttpRequest对象的responseXML的方式来接受XML数据对象的DOM对象 在ajax学习笔记1中已经对准备工作和需要用到的知识做了比较详细的介绍,本节主要介绍需要修改的...
问题的关键:如何使用XMLHttpRequest对象。尽管与其说Ajax是一种技术,不如说是一种技巧,但如果没有对XMLHttpRequest的广泛支持,Google Suggest和Ta-da List可能不会像我们看到的有今天这样的发展,而你可能也不会...
7.1.2 JavaScript和XMLHttpRequest对象 7.1.3 XML 7.1.4 一个可重用的对象 7.1.5 Ajax是正确的选择吗 7.2 为什么Ajax会破坏网站及如何解决 7.2.1 依赖JavaScript生成内容 7.2.2 ...
技术、DHTML 和 DOM 组成,这一杰出的 方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。 2、创建XMLHttpRequest对象 对于Ajax,最核心的一个对象是XMLHttpRequest,所有的Ajax操作都离不开对这个对象的...
1、ajax是什么及其工作原理Ajax 由 HTML、JavaScript 技术、DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。2、创建XMLHttpRequest对象对于Ajax,最核心的一个对象是...
压缩包“ajax.rar”内含:“《掌握Ajax.chm》”和“《XMLHttpRequest手册.chm》”。 1、《掌握Ajax.chm》包含下列内容: 掌握 Ajax,第 1 部分: Ajax 入门简介 ... 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax ...
7.1.2 JavaScript和XMLHttpRequest对象 7.1.3 XML 7.1.4 一个可重用的对象 7.1.5 Ajax是正确的选择吗 7.2 为什么Ajax会破坏网站及如何解决 7.2.1 依赖JavaScript生成内容 7.2.2 ...
7.1.2 JavaScript和XMLHttpRequest对象 7.1.3 XML 7.1.4 一个可重用的对象 7.1.5 Ajax是正确的选择吗 7.2 为什么Ajax会破坏网站及如何解决 7.2.1 依赖JavaScript生成内容 7.2.2 ...
最通用的定义为:XmlHttp是一套可以在...现在的绝对多数浏览器都增加了对XmlHttp的支持,IE中使用ActiveXObject方式创建XmlHttp对象,其他浏览器如:Firefox、Opera等通过window.XMLHttpRequest来创建xmlhttp对象。
废话不多说了,关键代码如下所示: [removed] ...//将form对象直接作为参数 new FormData对象 var formData = new FormData(domForm); //追加file 对象 formData.append('file',domFile); $.ajax({ url:'{{
XMLHttpRequest对象的属性和方法 Ajax编程 如何使用Ajax 初始化对象 指定响应处理函数 发出http请求 处理服务器返回的信息 一个初步的Ajax开发框架 异常处理机制 中文乱码问题及其解决方案 使用responseText处理返回...
Ajax基本对象的属性和方法:动态创建内容时所用的W3C DOM属性和方法。用于遍历XML的DOM元素方法。用于处理XML的DOM元素属性。标准XMLHttpRequest操作
一、 引言 异步JavaScript与XML(AJAX)是一个专用术语,用于实现在客户端脚本与服务器之间的数据交互过程。... Google的Gmail和Outlook Express就是两个使用AJAX技术的我们所熟悉的例子。而且,AJA
XmlHttp是一套可以在Javascript、VbScript...现在的绝对多数浏览器都增加了对XmlHttp的支持,IE中使用ActiveXObject方式创建XmlHttp对象,其他浏览器如:Firefox、Opera等通过window.XMLHttpRequest来创建xmlhttp对象。
最通用的定义为:XmlHttp是... <br>现在的绝对多数浏览器都增加了对XmlHttp的支持,IE中使用ActiveXObject方式创建XmlHttp对象,其他浏览器如:Firefox、Opera等通过window.XMLHttpRequest来创建xmlhttp对象。
研讨内容 Ajax原理与Web2.0 通过案例分析Ajax优缺点 ...1999年IE5.0作为一个ActiveX对象形式引入了XMLHttpRequest对象 目的是实现通过后台获取数据 其他浏览器则把它作为window对象的属性 …………