php+ajax实现城市三级联动(以省市县三级联动为例)
2022/9/16 1:17:14
本文主要是介绍php+ajax实现城市三级联动(以省市县三级联动为例),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
php+ajax实现城市三级联动(以省市县三级联动为例)
二级联动和三级联动的效果在web上很常见,在网上查了半天资料,写的都不是很清楚,无奈,自己写了个,使用php+ajax实现三级联动,以最常见的省市县三级联动为例!
案例涉及到数据库,数据库设计如下:
首先创建一个test数据库,内容如下:
CREATE TABLE IF NOT EXISTS `province` (
`province_id` int(2) NOT NULL AUTO_INCREMENT,
`province_name` varchar(20) NOT NULL,
PRIMARY KEY (`province_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=3 ;
INSERT INTO `province` (`province_id`, `province_name`) VALUES
(1, '安徽'),
(2, '浙江');
CREATE TABLE IF NOT EXISTS `city` (
`city_id` int(4) NOT NULL AUTO_INCREMENT,
`city_name` varchar(20) NOT NULL,
`province_id` int(4) NOT NULL,
PRIMARY KEY (`city_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=5 ;
INSERT INTO `city` (`city_id`, `city_name`, `province_id`) VALUES
(1, '合肥', 1),
(2, '安庆', 1),
(3, '南京', 2),
(4, '徐州', 2);
CREATE TABLE IF NOT EXISTS `county` (
`county_id` int(4) NOT NULL AUTO_INCREMENT,
`county_name` varchar(20) NOT NULL,
`city_id` int(4) NOT NULL,
PRIMARY KEY (`county_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=5 ;
INSERT INTO `county` (`county_id`, `county_name`, `city_id`) VALUES
(1, '怀宁', 2),
(2, '望江', 2),
(3, '肥东', 1),
(4, '肥西', 1);
对数据库说明:我创建了三张表,分别是省(province),市(city),县(county),插入了几条测试数据,当然你也可以设计一张表,效率当然没一张表好,所以不建议使用,看你个人习惯。
实现过程并不是很难,思路如下:
1) 初始化所有的省份,这个可以直接从数据库中查询出来省份
2)当用户选择省份的时候触发事件,把当前的省份的id通过ajax发出请求传递到服务端的程序中
3)服务端根据客户端的请求,查询数据库,并按照一定的格式返回给客户端
4)客户端获取服务端的数据,进行必要的处理显示出来
(代码简陋,只是实现功能而已,说明原理即可!)
详细代码博客中无法写入,敬请谅解!大家可以去下载,下载地址是:
http://pan.baidu.com/s/1o6ypWOa
完成后的效果图如下:
这篇关于php+ajax实现城市三级联动(以省市县三级联动为例)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-03-29env: php: no such file or directory
- 2024-03-01php foreach break
- 2024-02-26Exception参数 php-icode9专业技术文章分享
- 2023-12-30PHP文件批量上传-icode9专业技术文章分享
- 2023-12-30thinkphp6 withJoin-icode9专业技术文章分享
- 2023-12-27MagicArray:像php一样,让Go业务代码不再卷!
- 2023-11-18centos7编译安装PHP教程。
- 2023-11-18centos7编译安装phpMyAdmin教程。
- 2023-10-13唱衰这么多年,PHP 仍然还是你大爷!
- 2023-07-25PHP8,性能更好,语法更好,类型安全更完善