《ajax培训课件.ppt

省份与城市的联动下拉列表框 ——返回整个下拉列表框的HTML代码 步骤： 编写一个ListCity3的Action，返回一个包含有某个省份下的所有City的下拉列表框的html代码。 直接用浏览器访问ListCity3，测试查看返回的html代码是否正确。 客户端页面改为AjaxProvince3.jsp 和在其中定义一个div元素来容纳服务器返回的下拉列表框，并且将AjaxListProvince配置为/ AjaxListProvince3.do。 省份与城市的联动下拉列表框 ——返回向下拉列表框填充选项的JS代码 步骤： 编写一个ListCity4的Action，返回一个用于将某个省份下的所有City添加进下拉列表框的javascript代码。 直接用浏览器访问ListCity4，测试查看返回的javascript代码是否正确。 客户端页面改为AjaxProvince4.jsp 和使用eval方法执行服务器端返回的javascript代码，并且将AjaxListProvince配置为/ AjaxListProvince4.do。 多级地区的动态展现 实验步骤： 演示和分析程序运行的效果。（待改进：每选择一个区域，则显示一个包含有其所有子区域的下拉列表框，并清除其他不相关的下拉列表框；当选择了某个没有子区域的选项后，不再显示出新的下拉列表框，而是显示该区域的网吧） 分析数据库