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

简介: 快速学习第五例:省市联动1。

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

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


第五例:省市联动1


省市联动

1、页面

===请选择省份===</option>

===请选择城市===

在页面打开就应该把所有省加载出来。

2、ProvinServlet

●ProvinceServlet:当页面加载完毕之后马上请求这个servlet

>他需要加载 china.xml 文件,把所有的省的名称使用字符串发送给客户端。

3、页面的工作:

●获取这个字符串,使用逗号分隔,得到数组;

●循环遍历每个字符串(省份名称),使用每个字符串创建一个元素添

到这个元素中。4、CityServelt●CityServlet:当页面选择某个省时,发送请求;●得到省份名称,加载 China.xml文件,查询出该省份对应的元素对象,把这个元转换成xml字符串,发送给客户端。5、页面的工作●把中的所有子元素删除,但不要删除===请选

城市===;

●得到服务器的相应结果:doc;

●获取所有的子元素,循环遍历,得到的内容;

●使每个的内容创建一个元素,添加到。举例:

相关文章
|
9月前
|
SQL 缓存 JSON
vue利用级联选择器实现全国省市区乡村五级菜单联动
vue利用级联选择器实现全国省市区乡村五级菜单联动
|
9月前
|
JavaScript 算法 前端开发
vue + echarts实现国省市三级下钻联动
vue + echarts实现国省市三级下钻联动
387 0
|
6月前
|
Java
设计信息录入界面,完成人员基本信息的录入工作,其中籍贯中涉及的“省、市”能实现联动,即选择“省”时,“市”会根据选择的“省”做相应的变换。
该博客文章展示了如何设计一个包含联动下拉列表(省、市)的信息录入界面,使用Java Swing组件库实现人员基本信息的录入,并提供了完整的界面布局和事件处理代码。
设计信息录入界面,完成人员基本信息的录入工作,其中籍贯中涉及的“省、市”能实现联动,即选择“省”时,“市”会根据选择的“省”做相应的变换。
|
8月前
|
JSON JavaScript 定位技术
Echarts 绘制地图(中国、省市、区县),保姆级教程!
Echarts 绘制地图(中国、省市、区县),保姆级教程!
|
9月前
|
SQL 存储 前端开发
省市县三级联动的实现方案
省市县三级联动的实现方案
248 0
|
前端开发 JavaScript PHP
php开发实战分析(10):城市区县联动筛选
php开发实战分析(10):城市区县联动筛选
125 1
|
XML 前端开发 数据格式
第五例:省市联动2| 学习笔记
快速学习第五例:省市联动2
第五例:省市联动2| 学习笔记
|
XML 前端开发 数据格式
第五例:省市联动1|学习笔记
快速学习第五例:省市联动1
第五例:省市联动1|学习笔记
|
XML 前端开发 数据格式
第五例:省市联动2|快速学习
快速学习第五例:省市联动2
135 0
第五例:省市联动2|快速学习
|
XML 前端开发 数据格式
第五例:省市联动1| 学习笔记
快速学习第五例:省市联动1