省市区三级联动
在用户录入地址时,需要进行省市区的选择。在页面加载时,向后端请求省份数据,当用户选择确定省份后,向后端请求该省份的城市数据;在用户选择确定城市数据后,向后端请求该城市的区县信息。我们把这个过程称为省市区三级联动。
效果图
接口1、请求省份数据
请求方式:get/areas/
参数:无
返回数据格式:json
返回数据示例:[
{
“id”: 110000,
“name”: “北京市”
},
{
“id”: 120000,
“name”: “天津市”
},
{
“id”: 130000,
“name”: “河北省”
},
…
]
接口2、请求城市或区县数据
请求方式:get/areas/(?P\d+)/
参数:pk(所属上级id)
返回数据格式:json
返回数据示例:
{
“id”: “110100”,
“name”: “北京市”,
“subs”: [
{
“id”: “110101”,
“name”: “东城区”
},
{
“id”: “110102”,
“name”: “西城区”