首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

servlet+jspjs二种实现方式:三级联动(附加demo代码)

V_1.0 准备工作: #1.创建 [城市信息] [行政区信息] create table city( cid int, cname varchar(200...添加findCity,用于将用户选择【省编号】通过代理对象发送到服务器端, 并接受结果,填充城市下拉列表 2....为了能够让【代理对象】正确编译高级类型 在服务器端,将JAVA修饰对象格式转变为JSON形式格式 V_3.1 城市和行政区下拉列表级联:与省市级联完全一致 V_4.0...如何实现真正三级联: 1.上述的两个功能中,都是读取当前下拉中选中来获得隶属于当前数据的内容 2.浏览器加载下拉列表时,默认情况将下拉列表中第一个作为默认选中项...浏览器将当前自动赋值给当前的下拉列表 代码: 欢迎页面:index.jsp <%@ page language="java" import="java.util.*"

2.8K30

新零售mysql设计(设计省份+城市

作者:陈业贵 华为云享专家 51cto(专家博主 明日之星 TOP红人) 阿里云专家博主 文章目录 sql(省份) sql(城市) 省市之间的联系是: province_id int unsigned...; 举个例子: 是不是一般都要有idname呀 像省份是不是 city 就是name呀 是不是得说这个城市属于哪一个省份呀 sql(城市) CREATE table t_city( id...int unsigned PRIMARY key AUTO_INCREMENT COMMENT "主键", city varchar(200) not null COMMENT "城市", province_id...int unsigned not null COMMENT "省份id" ) COMMENT="城市"; 省市之间的联系是: province_id int unsigned not null...COMMENT “省份id” 城市是属于哪一个省份的呢 id int unsigned PRIMARY key AUTO_INCREMENT COMMENT “主键”, 第一:id要自增(AUTO_INCREMENT

709110

Ajax 技术学习(JavaEE)—— 实现二级下拉联动

Ajax 技术练习 一、Ajax 实现下拉菜单 1.1 场景再现 1.2 技术分析 1.2.1 前台分析 1.2.2 后台分析 二、让我们来实现它 2.1 前端界面 jsp 2.2 ajax 代码 2.2...使用 xml 传输数据 (servlet 代码) 三、运行截图 一、Ajax 实现下拉菜单 1.1 场景再现 我们在购买快递选择收获地址的时候,选择地域一般都是现选择省,省选择完毕后,电脑会自动显示该省对应的城市...,我们选择了城市之后,系统会显示该城市所对应的的区域。...整理一下 监听下拉框的变化事件 下拉框的值发生变化之后,就与服务端进行交互 服务端收到数据,根据用户传过来的省份进行信息匹配,然后把数据返回给用户 数据返回给前端之后,使用 dom 把数据写进城市下拉列表当中...var text = xmlhttp.responseXML; console.log(text); // 将返回的 xml 数据进行解析操作,写入城市下拉框中

2.1K10

Ajax 案例之三级联动

数据设计(Oracle) 新建数据 Employees(员工信息)、Locations(城市信息)、Departments(部门信息),其中 Departments 的外键为 locations...的 location_id ,Employees 的外键为 Departments Department_id ?...我们先需要从 servlet 转发到 JSP 页面,将所有的 locations 信息封装在 request 中传回 jsp 页面在页面初始化的时候将所有 locations 信息显示 index.jsp...为下拉框添加 change 事件,每当 locations 改变后根据 location_id 获取departments 信息,并将其显示在对应的下拉框中(信息的显示利用 Ajax,若所选择 location...");                           } else {   //                否则将其加入对应的下拉框中

2.9K60

Springmvc响应Ajax请求(@ResponseBody)

实现 加载页面完成之后,发送一个异步请求,请求所有的省份,在省的下拉菜单中显示出来 当用户选择了某个省之后,那么发送一个异步请求,获取当前省的所有市的信息,并且显示在市的下拉菜单中 在省的下拉菜单中需要使用...onchange监听选项的改变,只要选项改变了就要发出异步请求,返回对应城市的信息 省:<select name="province" id="province" onchange="getCity()...getCity.do"; //异步请求的url var d={"province":province}; //将省份的编号传入 //每次都要清空之前的城市...provinces.add(p1); provinces.add(p2); return provinces; } //异步获取城市信息的方法...调用service的方法查询,service调用dao的方法查询 * 2. dao中的查询: 根据code查询出对应的城市即可,当然是联查询 *

9.6K81

高质量代码-智慧城市GIS平台数据设计

以智慧水务为例,介绍最小化的智慧城市GIS平台的设计: 数据设计,个人认为是软件设计最重要但也是常被忽视的,看见优良合理或者巧妙的设计,就可以想象到整个服务端代码,各个接口,甚至前端页面的表现形式和交互形式...下图是我设计的结构和之间的关联: image.png 先来解释的含义: Station表示地理概念上的站点,Species对应业务类型,因为可能多种业务类型安装在一个地理点位上,我们用一个Monitor...(StationSpecies)组合来将业务位置映射到地理位置,想象“富康国际”可以对应“流量监测”和“二次加压”。...image.png image.png Meter是测量类型,注意相同物理测量类型可以根据单位不同当作不同的测量。...这只是最小化演示智慧城市物联网以及GIS平台中的设计,来说明设计的重要性,接下来将继续演示基于这种设计开发后台接口以及前端WebGIS是多么的简洁方便。

61600

Java EE实用教程笔记----(3)第三章 Struts 2标签库

利用Struts 2的action标签,可以直接在页面发出该请求,并在发送请求的页面显示“success.jsp”的内容,页面并没有跳转到“success.jsp”。...然后编写页面文件“sort.jsp”: ? 运行该页面,得到如图界面的输出: ? 7....标签:下拉框 ? ? 4.标签:该标签一般应用在选择省、城市的表单中,省下拉列表为父列表,城市下拉列表为子列表。 ?...标签:标签用于生成两个列表选择框,并且生成一系列的按钮用于控制各选项在两个下拉列表框之间的移动、升降等。...标签:用于生成一个下拉列表框的选项组,通常和select标签组合使用,在一个select标签中可以包含多个optgroup生成的选项组。 ? ? 8.

66930
领券