【旧文】AJAX总结(二)
四、DOM
1.DOM概述
XHR对象提供了跟服务器通讯的能力,而DOM提供了访问、动态更新页面的能力。
DOM是W3C推出的文档对象模型,是表示文档和访问、操作构成文档的各种元素的API,被定义为独立于语言的标准,在javascript和java以及其他语言中都有实现。
在DOM中,HTML文档的层次机构被表示为树形结构,树的节点表示文档中的各种内容。HTML文档的树形表示主要包含表示元素或标记(如<table>和<p>)的节点和表示文本串的节点构成。
DOM定义了许多接口,其中比较通用的是其核心API:NodeList、Node、
Document、Element接口,Document和Element接口都是Node接口的子接口。在JavaScript实现的DOM中还包含
HTML文档专用的API,如HTMLDocument、HTMLElement。另外,DOM为许多HTML元素定义了标记专有的接口,如
HTMLBodyElement、HTMLTitleElement。
2. Node接口
Node接口是文档树中所有节点的顶级父接口,定义了通用的属性和方法。
常用属性:
属性
说明
nodeType
代表节点的类型
nodeName
节点的名字,Element节点则代表Element的标记名称
parentNode
以Node的形式返回当前节点的父节点。如果没有父节点,为null
childNodes
以NodeList的形式返回当前节点的子节点
firstChild
以Node的形式返回当前节点的第一个子节点,如果没有子节点,则为null
lastChild
以Node的形式返回当前节点的最后一个子节点,如果没有子节点,则为null
previousSibling
以Node的形式返回当前节点的前一个兄弟节点,如果没有,则为null
nextSibling
以Node的形式返回当前节点的下一个兄弟节点,如果没有,则为null
nodeValue
如果是TextNode节点,该属性代表节点的文本值
注意:在java的实现中,与上述属性对应的是get/set方法,如getNodeType()、getFirstChild()等。
常用方法:
方法
说明
hasChildNodes()
如果当前节点拥有子节点,则返回true
appendChild()
把一个节点增加到当前节点的childNodes,给文档树增加节点
removeChild()
从文档树中删除并返回指定的子节点
replaceChild()
从文档树中删除并返回指定的子节点,用另一个节点替换
insertBefore()
在当前节点的指定子节点之前插入一个节点
3. Document接口
DOM 树的根节点是个Document对象,该对象的documentElement属性引用表示文档根元素的Element对象,对于HTML文档,就是<html>元素。Document接口的常用方法有:
方法
说明
createAttr
相关文档:
最近网上提的很多的一个新概念就是 AJAX 了, 那么, AJAX 是什么呢? 以下内容引用网上资料:
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。它有机地包含了以下几种技术:
Ajax(Asynchronous JavaScript + XML)的定义
基于 web标准(sta ......
var xmlhttp;
function verify()
{
//2.创建XmlHttpRequest对象
//这是XmlHttpRequest对象五步中使用最复杂的一步
//需要针对IE和其他类型的浏览器建立这个对象的不同方式写不同的代码
if(window.XMLHttpRequest)
{
......
首先要说的就是 ajax 是无法实现上传文件的,可以想一下ajax与后台通信都是通过传递字符串,怎么能传递文件呢?其实出于安全考虑js是不能操作文件的,所以就不要再说用ajax来实现文件的上传了,这是不可能的。
而本文实现的文件上传也是无页面刷新的,可以说是一种"类似AJAX"方法。
&n ......
Background For the basic of how to create an AJAX enabled WCF service, please refer to MSDN: http://msdn.microsoft.com/en-us/library/bb924552.aspx. For the basic of JSONP, please refer to: http://en.wikipedia.org/wiki/JSON#JSONP. This article introduce how to make AJAX enabled WCF service support cr ......
场景:在Gridview列表中显示有从数据库提取出来的数据,现在要通过jQuery.Ui.Dialog弹出显示每条数据的详细信息,并在弹出窗口中修改编辑。
需要处理的问题:1、将Gridview中选择记录ID提交给jQuery.Ui.Dialog
  ......