《基于AJAX和WebService的Web2.0开发》第05章[AJAX数据解析(二)]上机练习.ppt

,Ajax数据解析(2),基于Ajax和Web Service的Web2.0开发第五章,目标,理解XSLT,并掌握XSLT的基本语法 掌握XSLT的基本语法 学会使用XSLT进行简单的转换,第一部分 指导练习,练习内容：实现一个下拉列表的联动 1、问题描述 该练习是一个简单的使用XSLT转换XML的例子，将XML转换成HTML 2、问题分析 建立一个xslt文件，专门负责转换XML文档，建立一个被转换的XML文档，,第一部分 指导练习,3.解决方案 demo.xml文件的代码如下：, the first row the second row the third row the last row ,第一部分 指导练习,demo.xsl界面代码如下：, XSL2HTML ,第一部分 指导练习,运行该界面，效果如下：,第二部分 独立练习,练习内容：使用XSLT创建页眉页脚 1、问题描述 网站通常会包含一些重复的内容，例如在全部或者大部分页面中的导航和版权信息，在这里我们就实现一个简单的页眉和页脚,第二部分 独立练习,planets.html文件代码如下:, A simple HTML Page Our Neighbours Venus Venus is the second from the sun and it has a thick layer of sulfuric acid clouds covering the entire planet. Diameter 12104 km (7505 miles Moons: 0 Mean Temperature: 482C(900F) Length of one day: 243.01 earth days Length of one day: 224.7 earth days Mars Mars is fourth planet from the sun and is often called the red planet. Diameter 6796 km (4214 miles) Moons: 2 Mean temperature: -63C (-81F) Length of one day: 24.62 earth hours Length of one year: 686.98 earth days ,第二部分 独立练习,planets.xsl界面代码如下:, Visit NASA! | Tour the solar Copyright Planetary Fun 2008. ,第二部分 独立练习,两个文件后，请在planets.html文件的开头添加如下几行,第二部分 独立练习,然后将扩展名改为.xml文件，这个时候用浏览器打开看看效果如下：,第三部分 扩展练习,练习内容： 有一个保存了雇员列表的XML文档，如下：, John Baby come (010)66666666 J Rose Wash talk (010) 88888888 roseM ,第三部分 扩展练习, John Joese Sales Secret (010)12345678 John Joese MaMI Lisa the History is Long (010)33333333 MaMI Lisa Isabella the CEO CRO CTO CPO (010)666