ajax应用培训ppt,《ajax培训课件.ppt

《ajax培训课件

省份与城市的联动下拉列表框——返回整个下拉列表框的HTML代码 步骤： 编写一个ListCity3的Action，返回一个包含有某个省份下的所有City的下拉列表框的html代码。 直接用浏览器访问ListCity3，测试查看返回的html代码是否正确。 客户端页面改为AjaxProvince3.jsp 和在其中定义一个

元素来容纳服务器返回的下拉列表框，并且将AjaxListProvince配置为/ AjaxListProvince3.do。 省份与城市的联动下拉列表框——返回向下拉列表框填充选项的JS代码 步骤： 编写一个ListCity4的Action，返回一个用于将某个省份下的所有City添加进下拉列表框的javascript代码。 直接用浏览器访问ListCity4，测试查看返回的javascript代码是否正确。 客户端页面改为AjaxProvince4.jsp 和使用eval方法执行服务器端返回的javascript代码，并且将AjaxListProvince配置为/ AjaxListProvince4.do。 多级地区的动态展现 实验步骤： 演示和分析程序运行的效果。(待改进：每选择一个区域，则显示一个包含有其所有子区域的下拉列表框，并清除其他不相关的下拉列表框；当选择了某个没有子区域的选项后，不再显示出新的下拉列表框，而是显示该区域的网吧) 分析数据库表结构该如何设计，并执行预备的脚本文件创建表结构和数据。 分析JSP页面该如何设计： 第一个返回的页面应该包含哪些内容？ 以后每次请求获得的结果是什么？返回的结果怎样展现在返回的第一个页面中？动态生成出下拉列表框和将下拉列表框追加到其他列表框后面，或者提前预定义若干span元素，将新增的下拉列表框添加到相应的span元素中。 编码实现：用prototype可以很方便得到所有弟弟并删除，增加新弟弟。如果要实现用表格来显示某个区域的网吧，服务器端返回的要么是select元素，要么是table元素，客户端要判断结果的类型。 STRUTS中的类型转换器——FORMBEAN属性的整数与日期类型 步骤： 1. 由注册页面中的int类型的height字段的显示问题想到将height属性改为Integer类型。 2.在formbean中增加java.util.Date类型的birthday属性和在jsp页面中增加对应的标签。 3.由无法完成Date类型转换问题，引出了Struts中的类型转换器问题，自己编写Date类型转换器。 4.编写ActionServlet的子类ItcastActionServlet，在init方法中注册Date类型转换器。 5.用jstl的标签回显日期。 6.由表单校验出错后回到输入jsp页面时的height字段的显示问题引出ActionServlet的convertNull初始化参数的讲解。 用户注册案例的实验——增加一组复选框 步骤： 1.用原始的html标签在网页中写出复选框列表，属性名称为specialities； 2.在formbean中定义接受复选框参数的数组属性，并在action中打印出数组结果； 3.将jsp页面中的复选框列表项的信息改为由控制器组件提供和用JSTL标签渲染，每一个列表项的信息需要用一个JavaBean对象表示； 4.由表单校验出错后回到输入jsp页面无法正常显示复选框列表，引出action元素的input属性配置问题； 5.完成表单校验出错后回到输入jsp页面时还能保留复选框的上次选择结果的jstl代码； 6.使用完成复选框列表的自动生成和自动填充复选框内容。 增加下拉列表框与ENUM技术 需求：用性别引出下拉列表框的讲解，性别用一个枚举类型表示。 步骤： 1. 编写枚举类Gender的基本数据，暂不在枚举中引入方法。 2.在控制器组件中提供性别列表的集合和用JSTL标签渲染出下拉列表框，从而引出在Gender枚举类增加额外方法的问题。 3.在user中定义Gender成员变量，由提交数据不能生成Gender类型，编写Gender的类型转换器。 4.在ActionServlet的子类ItcastActionServlet的init方法中注册Gender类型转换器。 5.完成表单校验出错后回到输入jsp页面时还能保留性别下拉列表框的上次选择结果的jstl代码。 标签与标签 步骤 1.将性别下拉列表框改为用标签实现 2.使用标签迭代Gender枚举集合，发现这个标签