ajax下拉框回显数据_AJAX

学习主题： AJAX深入练习

学习目标：

1 熟练使用ajax写功能

01ajax之三级联动案例分析

1.1简答题 根据视频中的讲解，完成以下内容 1.1.1 视频中的三级联动案例的功能需求是什么 答：

页面中有三个下拉框选项,分别为省、市、县/区下拉框选择省,则市下拉框中出现对应的该省下的市；选择市,则区/县下拉框中出现市对应的区/县

1.1.2 视频中的需求分析的内容是

1、创建页面,页面中有三个下拉框,分别为省、市、区/县(页面一加载成功就发一个请求去请求省的数据)

2、 压面加载成功发起ajax请求,请求省的信息,并将响应结果填充到省下拉框中

3、选择省触发一个新的js函数的执行,该函数中发起新的ajax请求请求该省下的市的信息,并将响应数据填充到市下拉框中

4、选择市触发一个新的js函数的执行,该函数中发起新的ajax请求请求该市下的区/县的信息,并将响应数据填充到区/县下拉框中

02-ajax之三级联动数据库设计和实现

2.1 编程题 2.1.1 根据视频讲解完成三级联动数据库表设计。 2.1.2 根据视频讲解完成三级联动案例的SQL语句设计。 2.1.3 根据视频讲解将area.sql文件导入到数据库中。

03 ajax之三级联动代码实现获取所有的省信息

3.1 上机练习 3.2.1 根据视频讲解完成前台jsp页面的创建。

<
           

3.2.2 在select.jsp中声明ajax代码请求省信息

<
           

3.2.3 完成请求省信息的后台功能，并能alert出请求的省信息。