# 1、将数据库修改为文件
省市县的数据,不会经常变动,基本上可以认为是不变的数据。对于这样的数据,最好不要存到数据库,用文件存放也是一样的,而且用文件存放还可以减轻数据库的压力。所以用文件把省市县的数据存储,然后去查文件。
![](https://img.kancloud.cn/a6/34/a634ef2c9a53eaee3dcbab57d0e50c06_1132x198.png)
# 2、简化PHP代码
复制02city.html为03city.html。复制02city.php为03city.php
复制city文件夹到项目中:
![](https://img.kancloud.cn/dc/d3/dcd3fb4fcc9404afe5b8222c6f97f3ec_198x75.png)
查询省、市、县的时候都根据文件名去查找,并且约定浏览器请求的时候,要传递filename参数,参数的值就是文件名。
![](https://img.kancloud.cn/f6/8a/f68a7653cbe68c30f119f532c75fb770_675x190.png)
# 3、修改JS代码
![](https://img.kancloud.cn/72/2f/722ff316bc43b2852b20c2317746d2ac_900x497.png)
![](https://img.kancloud.cn/1e/67/1e67f8f8c971b528ad3791ee32c36e89_1082x627.png)
![](https://img.kancloud.cn/70/80/7080e89cc955836975a79789b19c7c91_889x630.png)
# 4、简化JS代码
封装$、chuli、get三个函数:
$ : 根据元素的id,返回dom对象
chuli : 传入要处理的数据,并且传入要放入的位置。
get :执行ajax请求,参数1是url地址,参数2是一个函数,用于处理服务器返回的数据。
chuli函数:
![](https://img.kancloud.cn/8a/91/8a91678a974051a7e4cedde0980331f9_648x275.png)
$函数:
![](https://img.kancloud.cn/4f/8a/4f8a835741d317ebd50b29bebc5b72b0_493x139.png)
get函数:
![](https://img.kancloud.cn/ea/ec/eaec94bc8d90bd5fc52f970c86db19e2_730x342.png)
省市县获取代码:
![](https://img.kancloud.cn/66/07/6607bdc98f19791c9b4987953f5e8ca7_791x608.png)
写的$、get函数做什么项目都可以使用,可以将这两个函数写到一个js文件中。
![](https://img.kancloud.cn/e6/da/e6dad603850d46171054254f51ae49de_877x538.png)
- 第一天
- 一、学习目标
- 二、关于JavaScript
- 三、JS语法基础
- 四、变量
- 五、常量
- 六、运算符
- 七、数组
- 八、对象
- 九、数据类型
- 第二天
- 一、昨日复习
- 二、今日目标
- 三、数据类型转换
- 四、流程控制
- 五、函数基础
- 六、作用域
- 七、标准库(内置对象)
- 八、总结
- 第三天
- 一、昨日复习
- 二、今日目标
- 三、DOM介绍
- 四、元素(标签)节点查询操作
- 五、元素(标签)节点增删改操作
- 六、设置/获取元素的css样式
- 七、事件和事件对象
- 八、键盘keyCode对照表
- 第四天
- 一、昨日复习
- 二、今日目标
- 三、DOM之属性节点操作
- 四、DOM对象的通用属性
- 五、DOM获取元素的位置
- 六、事件绑定与移除
- 七、事件对象相关属性和方法使用
- 八、案例--可编辑的表格
- 第五天
- 一、今日目标
- 二、执行流程
- 三、定时器
- 四、闭包
- 五、案例
- 第六天
- 一、昨日回顾
- 二、今日目标
- 三、正则表达式概述
- 四、入门案例
- 五、正则语法
- 六、分组/捕获和反向引用
- 七、匹配中文(utf-8编码)
- 八、环视(断言/零宽断言/正向预测/负向预测)
- 九、正则对象的属性和方法
- 十、支持正则表达式的 String 对象的方法
- 十一、案例
- 十二、PHP中的正则表达式
- 第七天
- 一、昨日回顾
- 二、正则案例
- 三、PHP中的正则表达式
- 四、正则练习
- 五、仿淘宝评分小星星
- 六、标签页效果
- 七、横向下拉菜单
- 第八天
- 一、今日目标
- 二、面向对象编程
- 三、定义对象
- 四、对象相关操作
- 五、对象在内存中的存在形式
- 六、原型对象(关键)
- 七、定义对象进阶
- 八、函数进阶
- 第九天
- 一、昨日回顾
- 二、今日目标
- 三、Object
- 四、继承
- 五、this指向总结
- 六、案例(贪吃蛇)
- 第十天
- 一、今日目标
- 二、Ajax概述
- 三、工作原理
- 四、XMLHttpRequest对象介绍
- 五、使用Ajax的步骤
- 六、细节问题
- 七、JSON
- 八、Ajax中,服务器返回json格式的数据
- 九、案例--省市县三级联动
- 第十一天
- 一、昨日回顾
- 二、今日目标
- 三、完成省市县三级联动
- 四、优化省市县三级联动
- 五、服务器返回XML格式的数据
- 六、FormData对象
- 七、跨域请求
- 八、实现跨域请求
- 第十二天
- 一、Ajax回顾
- 二、今日目标
- 三、jQuery概述
- 四、快速入门
- 五、可编辑的表格
- 六、纵向导航菜单
- 七、横向导航菜单
- 八、标签页效果
- 第十三天
- 一、学习目标
- 二、杂项
- 三、jQuery中的事件
- 四、jQuery封装的Ajax
- 五、案例 -- 无刷新的分页
- 第十四天
- 一、昨日回顾
- 二、效果
- 三、跨域请求
- 四、文档操作
- 五、插件编写
- 六、自定义插件
- 七、第三方插件