XML和JavaScript

原创 2007年09月27日 19:10:00
    在数据岛中,可以使用JavaScriptXML文档作为一个对象来操作。同样在本实例中也得到了具体的体现。
    首先编写该实例的首页,即index.xml。打开记事本,在里面输入下列代码:
实例代码11-12
<?xml version="1.0" encoding="GB2312"?>
<?xml-stylesheet href="index.xsl" type="text/xsl" ?>
<root></root>
    将该文件保存,文件名为index.xml,保存位置在Example文件夹。该文件只定义了一个可的XML文件。打开记事本,编写XML文件需要引入的index.xsl文件,在里面输入下代码:
实例代码11-13
<?xml version="1.0" encoding="GB2312"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
    <html>
       <head><title>使用不同的样式</title></head>
       <script language = "JavaScript">
            function ViewRecords()
             {
        products.dataPageSize=items.value;
        products.firstPage();
             }
            function FirstPage()
            {
      products.firstPage();
            }
           function NextPage()
            {
      products.nextPage();
            }
          function LastPage()
            {
        products.lastPage();
            }
         function PrevPage()
           {
        products.previousPage();
         }
       </script>
       <body>
           <center>
           <embed width="100%" height="15%" src="Long.swf"/>
           <form action="control1.jsp" method="post">
          <table border="0" align="center" width="100%">
           <tr><td style="font-size:45;" rowspan="2" align="center">惠通软件公司客户管理软件</td><td width="25%"><a
href="view_0.jsp">客户信息添加</a></td></tr>
           <tr><td width="25%"><a href="vi.jsp">客户信息查询</a></td></tr>
           <xsl:for-each select="客户表/客户">
           <tr>
              <xsl:apply-templates/>
           </tr>
           </xsl:for-each>
           </table>
           </form>
           </center>
           <xml id="dos" src="Client.xml"></xml>
           <table id="products" border="0" width="100%" datasrc="#dos" align="center">
           <thead>
             <th>客户姓名</th>
             <th>客户住址</th>
             <th>联系方式</th>
             <th>客户爱好</th>
             <th>客户职业</th>
           </thead>
           <tr> 
 
             <td align="center"><span datafld="客户姓名"></span></td>
             <td align="center"><span datafld="客户住址"></span></td>
             <td align="center"><span datafld="联系方式"></span></td>
             <td align="center"><span datafld="客户爱好"></span></td>
             <td align="center"><span datafld="客户职业"></span></td>
         </tr>
         <tr>
             <td colspan="5" height="1" background="073.gif"></td>
        </tr>
        </table>
        <center>
             <input type="button" value="第一页" onclick="FirstPage()"/>
             <input type="button" value="上一页" onclick="PrevPage()"/>
             <input type="button" value="下一页" onclick="NextPage()"/>
             <input type="button" value="最后一页" onclick="LastPage()"/>
            请输入一页中要查看的记录数:<input type="text" maxlength="1" size="2" id="items" name="na1"/>
            <input  type="button" value="查看" onclick="ViewRecords()"/>
       </center>
   </body>
  </html>
  </xsl:template>
</xsl:stylesheet>
    将该文件保存,文件名为index.xsl,文件保存在Example文件夹下。在文件内,首先嵌入JavaScript代码,这个脚本程序主要显示是客户的全部信息,并执行相应的分页显示。在下面的代码中实现XSL的模板,并在在文件中引入了一个XML文件,作为数据岛使用。创建该数据岛的数据源对象,在XML页面显示这些数据。
该文件执行结果如图11-29所示:
 
 
图11-29  【实例首页显示】窗口

【JavaScript】AJAX总结(异步JavaScript和XML)

AJAX介绍 通过 AJAX,你可以创建更好、更快以及更友好的 WEB 应用程序。 AJAX 基于 JavaScript 和 JavaScript的XMLHttpRequest对象。 AJAX 应用程...
  • oYunTaoLianWu
  • oYunTaoLianWu
  • 2013年08月27日 00:52
  • 1574

【JavaScript】JS读取XML文件并进行搜索

需求效果 点击链接,当前页面加载xml文件并展示对应内容 通过搜索框,搜索xml文件内节点数据,展示包含内容的节点数据 功能实现Demo最终实现效果 http://loadxmldemo.coderf...
  • diandianxiyu
  • diandianxiyu
  • 2016年02月17日 23:47
  • 1396

JS实现xml和json(也可看做对象)互转

最近有个前端的需求: 解析后台xml, 并添加删除和修改, 然后传给后台, 思来想去, 最简单的办法就是利用xml和对象互转, 即从后台读取xml传到前台并形成表格(已有代码,或者用对象生成表格), ...
  • zrc199021
  • zrc199021
  • 2016年07月14日 23:02
  • 2045

javascript操作XML与HTML

  • 2008年09月06日 17:30
  • 112KB
  • 下载

xmlhttp_asp+javascript+json+xml

  • 2008年09月04日 18:51
  • 5KB
  • 下载

绝对值10分的好东西,最全面的网站制作手册html+css+javascript+jquery+php+xml+vb+flash MX+dom+vml等等共18个手册

  • 2009年02月04日 20:45
  • 11.73MB
  • 下载

javascript+xml无线级树形菜单

  • 2009年05月11日 08:36
  • 3KB
  • 下载

javascript 操作xml的所有属性事件方法和实例

  • 2010年08月31日 17:30
  • 20KB
  • 下载

Web报表的XML+JavaScript解决方案

  • 2007年09月14日 21:23
  • 103KB
  • 下载

JavaScript读取自身文件内的XML

  • 2010年03月30日 11:14
  • 529B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:XML和JavaScript
举报原因:
原因补充:

(最多只允许输入30个字)