Web设计中如何使用XML数据1

Carlos卡洛斯go

Carlos卡洛斯go

2016-02-19 20:38

下面,图老师小编带您去了解一下Web设计中如何使用XML数据1,生活就是不断的发现新事物,get新技能~

  XML数据源对象是一个ActiveX控件,允许你在XML文件和HTML页面之间操作数据。本文将向你展示如何从各种XML数据源中提取数据,以及如何使用JavaScript显示这些数据。

  XML数据源对象DSO是一个微软ActiveX控件,构建在微软IE4以后的版本上。这个对象允许你把一个外部的XML文件或者嵌入HTML文件中的内容提取到HTML页面中。

  你可以在一个Web页面中使用XML - DSO从一个外部XML文件中选取内容,从嵌入Web页面的XML中提取XML数据,然后使用JavaScript操作这些数据。然而,并不建议在Internet中使用这个对象,因为DSO只能工作在MSIE 4以上的浏览器中,因此这可能会带来一些兼容性问题。 所以,在企业内部网使用XML-DSO是很合适的。

  开始

  为了初始化XML - DSO对象,我们使用<OBJECT>标记。 用于XML-DSO的CLASSID是:

    CLSID:550dda30-0541-11d2-9ca9-0060b0ec3d39

  这ID唯一标识XML-DSO。使用下面的代码在一个Web页面中初始化这个控件:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  <OBJECT ID="SomeID" CLASSID="CLSID:550dda30-0541-11d2-9ca9-0060b0ec3d39"></OBJECT>

  虽然大部分对象需要许多参数与之相关联,但是XML-DSO不需要任何参数。

  使用一个XML数据岛析取数据

  首先,通过使用<XML>标记包含一个XML数据岛。其次,给它分配一个ID,xmldb --以备以后使用。 数据实际上是使用HTML标记:<ALT>,<SPAN>,<DIV>等等提取的。代码列表1中的代码使用了<SPAN>标记。datasrc属性指定了你想从中提取数据的那个数据岛。datafld属性指定了你想要的数据的XML标记。所以,第一个<SPAN>提取名称,而第二<SPAN>提取性别。

  代码列表1:

  <!-- example1.htm -->
  <HTML>
  <head>
  <title>XML DSO-example1.htm</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="http://www.blue1000.com/article/#XMLdb" datafld="name"<</span>
  <br>
  <span datasrc="http://www.blue1000.com/article/#XMLdb" datafld="sex"></span>

  </body>
  </HTML>

  注意这段代码没有初始化一个XML-DSO对象。这是因为XML数据岛的使用中已经隐式地创建了一个。输出应为:
  
  Premshree Pillai
  male

  注意在XML数据岛中有两个<name>和<sex>标记。使用这个方法,你只能提取这些标记中的第一个实例。代码列表2中的代码使用<TABLE>标记提取所有的实例:

  输出将是:
    Name         Sex
   Premshree Pillai   male
   Vinod         male

  在代码列表2中,<TABLE>标记使用<TD>标记内的<DIV>标记提取数据。表格将自动重复<member>(<name>和<sex>的母标记)的每个实例。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

Web设计中如何使用XML数据1

Web开发
Web设计中如何使用XML数据1

Web设计中如何使用XML数据

Web开发
Web设计中如何使用XML数据

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Web设计中如何使用XML数据源对象(1)

Web开发
Web设计中如何使用XML数据源对象(1)

Web设计中如何使用XML数据3

Web开发
Web设计中如何使用XML数据3

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Web设计中如何使用XML数据2

Web开发
Web设计中如何使用XML数据2

Web设计中如何使用XML数据源对象

Web开发
Web设计中如何使用XML数据源对象

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

冷静对待流行技术风潮:忽悠一下Ajax

冷静对待流行技术风潮:忽悠一下Ajax

失恋女生QQ空间签名:绝不能爱一个人爱到不要脸

失恋女生QQ空间签名:绝不能爱一个人爱到不要脸
下拉加载更多内容 ↓