知识大全 Web设计中如何使用XML数据
Posted 知
篇首语:知是行的主意,行是知的功夫。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 Web设计中如何使用XML数据相关的知识,希望对你有一定的参考价值。
Web设计中如何使用XML数据 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
XML数据源对象是一个ActiveX控件 允许你在XML文件和HTML页面之间操作数据 本文将向你展示如何从各种XML数据源中提取数据 以及如何使用JavaScript显示这些数据
XML数据源对象DSO是一个微软ActiveX控件 构建在微软IE 以后的版本上 这个对象允许你把一个外部的XML文件或者嵌入HTML文件中的内容提取到HTML页面中
你可以在一个Web页面中使用XML DSO从一个外部XML文件中选取内容 从嵌入Web页面的XML中提取XML数据 然后使用JavaScript操作这些数据 然而 并不建议在Internet中使用这个对象 因为DSO只能工作在MSIE 以上的浏览器中 因此这可能会带来一些兼容性问题 所以 在企业内部网使用XML DSO是很合适的
开始
为了初始化XML DSO对象 我们使用<OBJECT>标记 用于XML DSO的CLASSID是
CLSID: dda d ca b ec d
这ID唯一标识XML DSO 使用下面的代码在一个Web页面中初始化这个控件
<OBJECT ID= SomeID CLASSID= CLSID: dda d ca b ec d ></OBJECT>
虽然大部分对象需要许多参数与之相关联 但是XML DSO不需要任何参数
使用一个XML数据岛析取数据
首先 通过使用<XML>标记包含一个XML数据岛 其次 给它分配一个ID xmldb 以备以后使用 数据实际上是使用HTML标记 <ALT> <SPAN> <DIV>等等提取的 代码列表 中的代码使用了<SPAN>标记 datasrc属性指定了你想从中提取数据的那个数据岛 datafld属性指定了你想要的数据的XML标记 所以 第一个<SPAN>提取名称 而第二<SPAN>提取性别
代码列表
<! > <> <head> <title>XML </title> </head> <body bgcolor= #FFFFFF > <xml id= xmldb > <db> <member> <name>Premshree Pillai<name> <sex>male</sex> </member> <member> <name>Vinod</name> <sex>male</sex> </member> </db> </xml>
<span datasrc= #xmldb datafld= name <</span> <br> <span datasrc= #xmldb datafld= sex ></span>
</body> </>
注意这段代码没有初始化一个XML DSO对象 这是因为XML数据岛的使用中已经隐式地创建了一个 输出应为 Premshree Pillai male
注意在XML数据岛中有两个<name>和<sex>标记 使用这个方法 你只能提取这些标记中的第一个实例 代码列表 中的代码使用<TABLE>标记提取所有的实例
输出将是: Name Sex Premshree Pillai male Vinod male
在代码列表 中 <TABLE>标记使用<TD>标记内的<DIV>标记提取数据 表格将自动重复<member>(<name>和<sex>的母标记)的每个实例
代码列表
<! > <> <head> <title>XML </title> </head> <body bgcolor= #FFFFFF >
<xml id= xmldb > <db> <member> <name>Premshree Pillai<name> <sex>male</sex> </member> <member> <name>Vinod</name> <sex>male</sex> </member> </db> </xml>
<table datasrc= #xmldb border= > <thead> <th>Name</th> <th>Sex</th> </thead> <tr> <td><div datafld= name ></div></td> <td><div datafld= sex ></div></td> </tr> </table>
</body> </>
使用外部XML文件提取数据
为了使用XML DSO加载一个外部XML文件 你必须显式的包含这个对象并且使用一些JavaScript
首先创建一个XML DSO对象 使用ID myXML 添加宽度和高度属性到<OBJECT>标记中 然后设置它们的值为 这保证XML DSO对象不会占据你的Web页面的任何空间
其次 使用datasrc创建一个象myXML一样的表 类似于代码列表 中一样 代码使用<DIV>标记(在TD标记之)提取数据 使用datafld作为第一栏的信息 并且使用URL作为第二栏 添加<SCRIPT>标记 因为在这里 外部的XML使用Java脚本显式地声明你想要加载的XML文件
设置变量xmlDso为myXML XMLDocument myXML引用你已经创建的对象 接下来 使用XML DSO的load()方法加载example xml 文件example xml连接到对象myXML上
<! example xml > <?xml version= ?> <ticker> <item> <message>JavaScript Ticker using XML DSO</message> <URL></URL> </item> </ticker>
现在 研究一下下面的HTML页面:
<! > <> <head> <title>XML </title> <script language= JavaScript > function load() var xmlDso=myXML XMLDocument; xmlDso load( example xml ); </script> </head> <body bgcolor= #FFFFFF onLoad= load() >
<object id= myXML CLASSID= clsid: dda d ca b ec d width= height= ></object>
<table datasrc= #myXML border= > <thead> <th>Message</th> <th>URL</th> </thead> <tr> <td><div datafld= message ></div></td> <td><div datafld= URL ></div></td> </tr> </table>
</body> </>
输出应是:
Message URL JavaScript Ticker using XML DSO
上面的脚本非常特殊化 下面给出一个更一般的脚本
cha138/Article/program/net/201311/11673相关参考
如何用XML实现高效管理数据 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! XML数据是Web上
在数据架构规划前进行XML消息的设计 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 本文假定你对
知识大全 .NET Framework中使用XML Web Service
.NETFramework中使用XMLWebService 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一
知识大全 解析web.xml中在Servlet中获取context-param和init-param内的参数
解析web.xml中在Servlet中获取context-param和init-param内的参数 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜
WebXML编程之显示XML文件内容 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! XML技术越
知识大全 spring在web.xml中和在struts中的不同配置
Spring中WebApplicationContext的研究 ApplicationContext是Spring的核心Context我们通常解释为上下文环境我想用容器来表述它更容易理解一些Ap
知识大全 使用 XML Web services 进行 Web 编程
使用XMLWebservices进行Web编程 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! X
WEB页面工具语言XML(二)定义 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! XML是一个精
WEB页面工具语言XML(一)产生背景 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! XML同H
构建基于Web/XML的信息集成研究 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 摘要在当前的