下载Prototype中Ajax对象用例
安装过程:
1. 请确定您已经安装Tomcat5.5以上及JDK5.0
2. 把ajax.war放到Tomcat的webapps的目录下,再通过http://yourhost:post/ajax/即可访问测试用例
3. 当前测试用例在IE6与Firefox1.5中测试通过
打开主界面(看下面运行时的切图),我们可以看到整个界面分三部分:
第一部分是定制城市的天气详情;
第二部分是定制天气的操作;
第三部分是一个自动刷新的天气最新的新闻;
整个界面上所有的请求操作都是能过Ajax的方式提交(局部刷新),Prototype中提供的三种Ajax对象都分别涉及到了。
当我们选择省份时,会发现相应的城市也会跟随改变,这个功能是通过Ajax.Request对象完成。
当我们点击"定制天气"按钮时,可以看到第一部分的内容发生了变化,下载了指定城市的天气详情,这个功能就是通过Ajax.Updater类型对象完成的。
而第三部分的自动刷新最新的天气新闻,则是使用Ajax.PeriodicalUpdater类型对象完成。
运行时切图: