知识大全 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实现高效管理数据

如何用XML实现高效管理数据  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  XML数据是Web上

知识大全 在数据架构规划前进行XML消息的设计

在数据架构规划前进行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)小编为大家搜

知识大全 Web XML编程之显示XML文件内容

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(二)定义

WEB页面工具语言XML(二)定义  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  XML是一个精

知识大全 WEB页面工具语言XML(一)产生背景

WEB页面工具语言XML(一)产生背景  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  XML同H

知识大全 构建基于Web/XML的信息集成研究

构建基于Web/XML的信息集成研究  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  摘要在当前的