💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
# 1、回顾昨天的内容 三张表:sheng(省)、shi(市)、xian(县); sheng.Pcode = shi.ProvinceCode; shi.Code = xian.CityCode; SQL: 查询所有的省:select * from sheng; 根据Pcode查询市:select * from shi where ProvinceCode = 130000(Pcode); 根据Ccode查询县:select * from xian where CityCode = 130100(Ccode); # 2、PHP查询数据 ![](https://img.kancloud.cn/03/06/03063280e157884357ca58055747770f_697x451.png) # 3、页面加载,获取所有的省 创建02city.html: ![](https://img.kancloud.cn/a9/62/a96208db00882fdab9ae3bebc4ea0684_776x482.png) 02city.php代码: 稍作修改: ``` 1、将echo "<pre>";注释,否则会破坏JSON格式。造成JS无法解析JSON。 2、将$data结果,转换成JSON,然后返回 3、获取参数type,然后根据type判断获取的内容是什么 ``` ![](https://img.kancloud.cn/97/ba/97ba507617aeab5fd4543faca0e9b6ca_702x564.png) # 4、省切换的时候,获取市 给sheng绑定事件,执行Ajax请求: ![](https://img.kancloud.cn/70/a2/70a299eec87507bb22dcc93e90a5a932_901x580.png) PHP代码: ![](https://img.kancloud.cn/12/ec/12ec32211f9e2f6a45824675fe8b37b9_841x615.png) 浏览器检测,没有问题。下面处理返回的结果: ![](https://img.kancloud.cn/e4/6e/e46ec27cdb602d0f58e4da1a35d6577e_924x626.png) # 5、市切换的时候,获取县 HTML代码: ![](https://img.kancloud.cn/4b/27/4b2749625c1576b43b7f6b01e3d4a4ca_880x554.png) PHP代码: ![](https://img.kancloud.cn/4c/44/4c44d0dfbdf170e4bdfb63d3e9ff49ed_719x300.png) 一个问题,省切换的时候,不但要重置市,还有重置县: ![](https://img.kancloud.cn/5c/2a/5c2a6d5f31f1b5ba6e546f73778e2139_1089x441.png)