什么是XmlDom?
XMLDOM是用来访问和操作XML文档的编程接口规范。XMLDOM被设计为可用于任何语言和任何操作系统。借助DOM,程序员可以创建XML文档、遍历其结构,增、改、删其元素。DOM将整个XML文档视作一棵树,文档级的元素是树的根。
下面我们就来看看几个与本教程相关的功能,值得注意的是以下方法或属性并不是同一个对象下,具体请看说明:
getElementsByTagName 方法
说明:传回指定名称的元素集合。
语法:objNodeList = xmlDocument.getElementsByTagName(tagname);
例:var node=xmlDom.responseXML.getElementsByTagName("pl");
getAttribute()方法
说明:获得某个元素节点的属性值
语法:elementNode.getAttribute(name)
例:var tot=xmlDom.responseXML.getElementsByTagName("pl")[0].getAttribute("tot");
childNodes 属性
说明:传回一个节点列表,包含该节点所有可用的子节点。
语法:objNodeList=node.childNodes;
例:objNodeList = xmlDoc.childNodes;
如需具体的某一个节点, var u= xmlDoc.childNodes(0);
Length属性 ()
说明:返回一个节点列表中的节点数量
语法:nodelistObject.length
例:var len=node.length;
至此,基础知识已经讲完了,如果你还是不太了解的话,那建议你去看一些javascript相关的教程。下面我们就看这个新闻评论系统的具体实现原理
假设有一个页面index.asp,上半部分为评论列表显示区域,下面为评论提交区域。那么这样一个页面我们如何显示评论内容和提交评论呢?
传统:上半部分评论列表直接通过数据库查询语句读取并显示,每当提交新的评论时,先传递给处理页面,处理页面处理完毕后再返回index.asp这个页面,当然index.asp是重新加载获得新的评论。
Ajax::首先列表页面的内容是一个单独的xml文件(pl_list.asp),然后index..asp中的上半部分评论通过XmlHttpRequest请求pl_list.asp页面,并通过返回的结果传递到需要更新区域。提交评论同样如此,每次提交采用XmlHttpRequest请求提交处理程序,然后重新更新评论列表显示区域。
此新闻评论系统共分为五个部分,分别为数据库、前台页面、JS代码、服务器处理、CSS样式。
| 第1页:初识别Ajax | 第2页:什么是XmlDom |
| 第3页:数据库的设计 | 第4页:前台页面 |
| 第5页:JS代码页—获得XmlHttp对象 | 第6页:JS代码页—客户端程序处理 |
| 第7页:JS代码页—服务器处理程序 |