Ajax省市联动功能
Ajax 的省市联动功能，真的是表单里的老熟人了。页面不用整页刷新，城市列表还能跟着省份变，交互性一下子就上去了。整个逻辑挺清楚的：前端监听change事件，后端接收求吐出城市列表，前端再渲染到页面上，响应也快，代码也简单。
HTML 结构就是两个<select>，一个省份一个城市。用原生 JS 或者 jQuery 都能监听变化事件。比如选了“广东”，就发个 Ajax 求，把province_id传过去。
服务器收到求后查一下数据库，把对应的城市列表返回，一般是 JSON 格式。前端接收到后用innerHTML或appendChild更新城市的下拉框。想要写得更优雅点，还能加点loading提示、错误啥的。
这种功能在注册、地址填写这些场景里用得蛮多的。用起来感觉还不错，尤其是在移动端，不用整页刷新，体验也更顺滑。你要是项目里刚好需要地址选择，推荐你直接上 Ajax 联动，搭配 JSON 接口用效果更好。
文件大小：25.77KB
评论区