ajax三级联动
时间:2023-09-12 05:30:01 | 来源:网站运营
时间:2023-09-12 05:30:01 来源:网站运营
ajax三级联动:
三级联动案例的功能需求页面三个下拉框选项,分别为省下拉框,市下拉框,区下拉框
选择省,则市下拉框中出现对应的该省下的市信息,选择市,则区下拉框中出现对应的区信息
需求分析1. 创建页面:页面中有三个下拉框,分别为省市,区、县
2. 页面加载成功发起ajax请求,请求省的信息,并将相应结果填充到省下拉框中
3. 选择触发一个新的js函数的执行,该函数中发起新的ajax请求,请求该省下的市信息,并将响应数据填充到市下拉框、
4. 选择市信息触发一个新的js函数的执行,该函数中发起新的ajax请求,请求该省下的县区信息,并将响应数据填充到县区下拉框
数据库表设计。 数据库设计:
创建表(area):存储省,市,区,县信息
地区id:areaid
地区名:areaname
地区上级id:parentid
三级联动案例 查询所有的省信息:
select*from area where paented=0;
查询选择的省的市信息(假如选择的浙江省的areaid为110000)
select*from area where parented=110000;
查询选择的市的区信息(假如浙江省的邵阳市areaid为110001)
select*from area where parented=110001;
代码中
select*from area where parented=?;