第五例:省市联动2| 学习笔记

开发者学堂课程【Ajax入门:第五例:省市联动2】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/31/detail/674


第五例:省市联动2


省市联动的联系全过程支持各个浏览器

1、省市联动练习

第五例:省市联动2| 学习笔记

第五例:省市联动2| 学习笔记

第五例:省市联动2| 学习笔记

第五例:省市联动2| 学习笔记

第五例:省市联动2| 学习笔记

第五例:省市联动2| 学习笔记

启动服务器进行测试

第五例:省市联动2| 学习笔记

在浏览器里面输入 localhost:8080/day23_1/ajax5.jsp

●然后给添加改变监听●使用选择的省份名称请求 CityServlet,得到元素(xml元素);●获取元素中所有的元素,遍历之,获取每个的文本容,即市名称●使用每个市名称创建元素添加到

第五例:省市联动2| 学习笔记

获取市名称

需要把下拉列表中的值发送给服务器,得到所有名为city的元素

cityEleList=doc.getElementsByTagName(“city”);

第五例:省市联动2| 学习笔记

第五例:省市联动2| 学习笔记

运行city

第五例:省市联动2| 学习笔记

上一篇:后台分类模块之相关类之创建 | 学习笔记


下一篇:页面静态之生成 html 页面 | 学习笔记