第10讲:使用ajax技术实现省市县三级联动(jQuery)

多级联动是在软件开发中经常碰到的问题,本文章与大家探讨三级联动的技术,使用jQuery对ajax技术的支持,使用$.post方法实现省市县三级联动,后台使用jsp的servlet技术,MySQL数据库,fastjson封装json数据,具体实现如下:

环境要求

序号 资源 说明
1 jQuery插件 ajax通讯基础
2 mysql数据库 存储省市县数据
3 jdk1.8+ 开发环境
4 tomcat8.5+ 运行环境
5 fastjson json数据封装对象

数据表结构及测试数据

DROP TABLE IF EXISTS `province`;
CREATE TABLE `province`  (
  `id` varchar(6) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL,
  `name` varchar(100) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
  PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB CHARACTER SET = utf8 COLLA

猜你喜欢

转载自blog.csdn.net/software7503/article/details/131358231