![v2-9d2d555eb3ee478306e51ac436df4ef5_1440w.jpg?source=172ae18b](http://img-02.proxy.5ce.com/view/image?&type=2&guid=adb324d1-1d30-eb11-8da9-e4434bdf6706&url=https://pic4.zhimg.com/v2-9d2d555eb3ee478306e51ac436df4ef5_1440w.jpg?source=172ae18b)
学习主题: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出请求的省信息。