两个选择框 ajax如何根据另一个选择框的内容获取_Java学习第76天--AJAX深入练习...

国庆休息了一下,今天开始重新打卡。


学习主题:AJAX深入练习

学习目标:

1 熟练使用ajax写功能

对应视频:

http://www.itbaizhan.cn/course/id/85.html

对应文档:

对应作业

01ajax之三级联动案例分析

1.1简答题

根据视频中的讲解,完成以下内容

  1. 视频中的三级联动案例的功能需求是什么

实现局部界面的三级联动.

技术分析:

Ajax技术+jsp+servlet+jdbc

  1. 视频中的需求分析的内容是

需求分析:

  1. 创建页面,页面中有三个下拉框,分别为省,市,区/县
  2. 页面加载成功发起ajax请求,请求省的信息,并将相应结果填充到省先拉框中
  3. 选择生触发一个新的js函数的执行,该函数中发起新的ajax请求,请求该省下的市信息,并将相应数据填充到市下拉框.
  4. 选择市信息触发一个新的js函数的执行,该函数中发起新的ajax请求请求该市下的区/县信息,并将数据填充到区/县下拉框中.

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

2.1 编程题

2.1.1 根据视频讲解完成三级联动数据库表设计。

68fca06386454991683897a8c39e4885.png

2.1.2 根据视频讲解完成三级联动案例的SQL语句设计。

select * from area where parentid =0

2.1.3 根据视频讲解将area.sql文件导入到数据库中。

c28a295e0c44c4d6b429a9fb2536e966.png

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

3.1 上机练习

3.2.1 根据视频讲解完成前台jsp页面的创建。

725cd29dc7d77c74203c3d81c9644e9a.png

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

8225daf536244a72fd4ae80b662c92d7.png

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

04ajax之三级联动实现省信息填充和市信息功能

4.1编程题

4.1.1 根据视频,将省信息填充到省下拉框中?

8225daf536244a72fd4ae80b662c92d7.png

4.1.2 根据视频讲解完成市信息下拉框功能?

4c0941172983d521346c7c8d60921485.png

05ajax之三级联动代码完整实现

5.1 简答题

5.1.1 根据视频讲解完成城镇信息下拉框功能?

5.1.2 根据视频讲解,目前实现的三级联动中为什么选择省信息后,市信息为改变但是城镇信息还是不变?如何解决?并在代码实现。

没有在改变省信息中条用改变城镇信息的代码。

5.1.3 根据视频讲解完成代码的封装

06ajax之搜索框提示语功能需求和思路分析

6.1 简答题

6.1.1 视频中的功能需求是什么?

用户在搜索框中输入关键字,然后搜索框下出现下拉选项,提示关键字的提示语,用户可以使用鼠标进行提示语的选择,也可以使用键盘的上下键来进行选择。

6.1.2 视频讲解的功能分析(思路)的内容是?

1.创建搜索界面(搜索框和提示语div和搜索按钮)

2.给搜索框添加onkeyup事件,键盘弹起时发送ajax请求,请求当前用户输入信息对象的提示语数据。

3. 将提示语数据填充到搜索框下的div中

4.实现使用鼠标选择提示语

5.实现使用键盘的上和下选择提示语

6.实现鼠标和键盘的联动操作

7.将显示提示语的div进行隐藏,当有提示语的时候显示隐藏的div

07ajax之搜索框提示语功能数据库设计和实现

7.1 简答题

7.1.1 根据视频讲解完成提示语功能的数据库设计?

7.1.2 根据视频讲解完成提示语功能的SQL语句设计。

7.1.3 根据视频讲解完成数据库的实现。

08-ajax之搜索框体提示语功能页面创建和键盘事件添加

8.1 编程题

8.1.1 根据视频完成提示语功能页面的创建。

8.2.2完成键盘事件的添加。

09ajax之搜索框提示语功能后台逻辑实现

9.1 编程题

9.2.1 根据视频完成提示语功能后台代码的实现。

10ajax之搜索框提示语功能数据填充和键盘码判断

10.1编程题

10.1.1 根据视频,完成提示语数据填充到div中。

10.2.2 根据视频判断键盘码完善ajax代码。

11ajax之搜索框提示语功能鼠标选择提示语

11.2 编程题

11.2.1 完成鼠标选择功能。

12ajax之搜索框提示语功能键盘下键功能实现

12.1 编程题

12.1.1 完成视频下键选择功能。

13ajax之搜索框提示语功能上键功能和键盘鼠标联动和延迟发送请求

13.2 编程题

13.2.1 完成键盘上键选择功能。

13.2.2 完成键盘鼠标联动选择功能

13.2.3 完成延迟发送请求功能

14ajax之搜索框提示语功能大结局

14.2 编程题

14.2.1 根据视频完整实现提示语功能

15ajax之整合项目删除功能修改

15.1 编程题

15.2.1 根据视频使用ajax完成jsp和Servlet整合项目的删除功能。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值