Spry急速入门

最新推荐文章于 2024-10-09 22:31:26 发布

lukecheng

最新推荐文章于 2024-10-09 22:31:26 发布

阅读量538

点赞数

文章标签： ajax框架 books adobe web

本文链接：https://blog.csdn.net/lukecheng/article/details/2942043

版权

Adobe Spry是一个为Web设计人员开发的Ajax框架,它的功能相当的强大，而且学起来相当容易。

一个实例：

先创建一个books.xml作为Spry的数据源，如下：

 
   <?xml version="1.0" ?>
<books>
    <book id="1">
        <name>Python in a nutshell</name>
        <desc>It is a book about python</desc>
        <price>45</price>
    </book>
    <book id="2">
        <name>Java in a nutshell</name>
        <desc>It is a book about java</desc>
        <price>55</price>
    </book>
    <book id="3">
        <name>C# in a nutshell</name>
        <desc>It is a book about C#</desc>
        <price>35</price>
    </book>
</books>
 
  

将books.xml存放到spry目录下的data目录下，在spry目录下新建一个js目录，把与Spry相关的SpryData.js和xpath.js放到这个目录下。然后在spry下新建一个index.html，其内容如下

 
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>spry</TITLE>
  <script type="text/javascript" src="js/xpath.js"></script>
  <script type="text/javascript" src="js/SpryData.js"></script>
  <script type="text/javascript">
    var dsBooks=new Spry.Data.XMLDataSet("data/books.xml","books/book");
  </script>
 </HEAD>
 <BODY>
    <div id="books" spry:region="dsBooks">
    <table>
        <tr>
            <th>Name</th>
            <th>Desc</th>
            <th>Price</th>
        </tr>
        <tr spry:repeat="dsBooks">
            <td>{name}</td>
            <td>{desc}</td>
            <td>{price}</td>
        </tr>
    <table>
    </div>
 </BODY>
</HTML>
 
  