程式寫到這邊,讀者會發現離線資料的好處,當資料變成XML Data Island下載至Client端,對於資料的瀏覽都不需要再回去跟Server要,也就是不需要再執行ASP程式。這樣的方式不但可以降低Server的負擔,減少頻寬的浪費,而且瀏覽的效率也能夠大大提昇。 |
讀者或許會問,如果表列的資料中找到想要看到更詳細的資訊,也就是看單筆資料,可不可以呢?這當然是沒問題的,老話一句,資料已經在Client端了,接下來只要透過XML DOM物件以及DHTML就能動態展現資料了,將上段ADO-XML-DOM3.asp修改範例如下: |
< TR VALIGN="top" onmouseover="this.style.backgroundColor='lightcyan'" onmouseout="this.style.backgroundColor='white'" >
|
< TD style="cursor:hand;COLOR: blue; TEXT-DECORATION: underline" |
|
onclick="VBScript:ShowRecord" > |
< span DataFld="title_id" >< /span >< /TD > < TD >< span DataFld="title" >< /span >< /TD > < TD >< span DataFld="type" >< /span >< /TD > < TD >< span DataFld="price" >< /span >< /TD > < /TR > |
|
在Table下方新增一個Div標籤並指定id屬性為Message,準備用來秀出單筆資料,如下: |
|
< Div id="Message" >< /Div > |
|
然後加入以下Client端程式: |
|
上列程式中讓使用者點選書號後執行ShowRecord這段程式,首先先取得XML DataIsland的XML DOM資料放入Doc物件,然後透過SelectNodes方法取得所有資料節點集合Nodes,再透過for each迴圈比對所點選的書號是屬於哪一個資料節點。 |
程式中Node.GetAttribute("title_id")可以取的節點中書號的資料內容,window.event.srcElement.InnerText可以取得被點選的書號為何,經過迴圈比對後如果相符合就透過Div標籤顯示節點內容並跳出迴圈,結果如下圖: |
|
相关推荐
赠送jar包:jakarta.xml.bind-api-2.3.3.jar; 赠送原API文档:jakarta.xml.bind-api-2.3.3-javadoc.jar; 赠送源代码:jakarta.xml.bind-api-2.3.3-sources.jar; 赠送Maven依赖信息文件:jakarta.xml.bind-api-...
赠送jar包:jakarta.xml.bind-api-2.3.3.jar; 赠送原API文档:jakarta.xml.bind-api-2.3.3-javadoc.jar; 赠送源代码:jakarta.xml.bind-api-2.3.3-sources.jar; 赠送Maven依赖信息文件:jakarta.xml.bind-api-...
赠送jar包:simple-xml-safe-2.7.1.jar; 赠送原API文档:simple-xml-safe-2.7.1-javadoc.jar; 赠送源代码:simple-xml-safe-2.7.1-sources.jar; 赠送Maven依赖信息文件:simple-xml-safe-2.7.1.pom; 包含翻译后...
赠送jar包:scala-xml_2.12-1.0.6.jar; 赠送原API文档:scala-xml_2.12-1.0.6-javadoc.jar; 赠送源代码:scala-xml_2.12-1.0.6-sources.jar; 赠送Maven依赖信息文件:scala-xml_2.12-1.0.6.pom; 包含翻译后的API...
perl-XML-DOM-1.44-7.el6.noarch.rpm perl-XML-DOM-1.44-7.el6.noarch.rpm
赠送jar包:jakarta.xml.bind-api-2.3.2.jar; 赠送原API文档:jakarta.xml.bind-api-2.3.2-javadoc.jar; 赠送源代码:jakarta.xml.bind-api-2.3.2-sources.jar; 赠送Maven依赖信息文件:jakarta.xml.bind-api-...
赠送jar包:scala-xml_2.11-1.0.5.jar; 赠送原API文档:scala-xml_2.11-1.0.5-javadoc.jar; 赠送源代码:scala-xml_2.11-1.0.5-sources.jar; 赠送Maven依赖信息文件:scala-xml_2.11-1.0.5.pom; 包含翻译后的API...
赠送jar包:jakarta.xml.bind-api-2.3.2.jar; 赠送原API文档:jakarta.xml.bind-api-2.3.2-javadoc.jar; 赠送源代码:jakarta.xml.bind-api-2.3.2-sources.jar; 赠送Maven依赖信息文件:jakarta.xml.bind-api-...
赠送jar包:scala-xml_2.11-1.0.5.jar; 赠送原API文档:scala-xml_2.11-1.0.5-javadoc.jar; 赠送源代码:scala-xml_2.11-1.0.5-sources.jar; 赠送Maven依赖信息文件:scala-xml_2.11-1.0.5.pom; 包含翻译后的API...
赠送jar包:xmlgraphics-commons-2.1.jar; 赠送原API文档:xmlgraphics-commons-2.1-javadoc.jar; 赠送源代码:xmlgraphics-commons-2.1-sources.jar; 赠送Maven依赖信息文件:xmlgraphics-commons-2.1.pom; ...
DOM4J jar包 所有的包 xml解析 dom4j-1.6.1 dom4j-2.0.2 dom4j-2.1.1 导入直接使用
赠送jar包:xmlgraphics-commons-2.1.jar; 赠送原API文档:xmlgraphics-commons-2.1-javadoc.jar; 赠送源代码:xmlgraphics-commons-2.1-sources.jar; 赠送Maven依赖信息文件:xmlgraphics-commons-2.1.pom; ...
赠送jar包:netty-codec-xml-4.1.73.Final.jar; 赠送原API文档:netty-codec-xml-4.1.73.Final-javadoc.jar; 赠送源代码:netty-codec-xml-4.1.73.Final-sources.jar; 赠送Maven依赖信息文件:netty-codec-xml-...
赠送jar包:scala-xml_2.11-1.0.1.jar; 赠送原API文档:scala-xml_2.11-1.0.1-javadoc.jar; 赠送源代码:scala-xml_2.11-1.0.1-sources.jar; 赠送Maven依赖信息文件:scala-xml_2.11-1.0.1.pom; 包含翻译后的API...
赠送jar包:xmlschema-core-2.1.0.jar; 赠送原API文档:xmlschema-core-2.1.0-javadoc.jar; 赠送源代码:xmlschema-core-2.1.0-sources.jar; 赠送Maven依赖信息文件:xmlschema-core-2.1.0.pom; 包含翻译后的API...
xml--DOM技术
赠送jar包:netty-codec-xml-4.1.74.Final.jar; 赠送原API文档:netty-codec-xml-4.1.74.Final-javadoc.jar; 赠送源代码:netty-codec-xml-4.1.74.Final-sources.jar; 赠送Maven依赖信息文件:netty-codec-xml-...
示例源码: ...什么是 XML DOM? XML DOM 是: 用于 XML 的标准对象模型 用于 XML 的标准编程接口 中立于平台和语言 W3C 标准 XML DOM 定义了所有 XML 元素...5、XMLDOM教程文档推荐参考:https://www.w3cschool.cn/xmldom
赠送jar包:jackson-dataformat-xml-2.12.2.jar; 赠送原API文档:jackson-dataformat-xml-2.12.2-javadoc.jar; 赠送源代码:jackson-dataformat-xml-2.12.2-sources.jar; 赠送Maven依赖信息文件:jackson-data...
赠送jar包:scala-xml_2.11-1.0.4.jar; 赠送原API文档:scala-xml_2.11-1.0.4-javadoc.jar; 赠送源代码:scala-xml_2.11-1.0.4-sources.jar; 赠送Maven依赖信息文件:scala-xml_2.11-1.0.4.pom; 包含翻译后的API...