查询某个省内某个城市的所有地区 接口:http://hmajax.itheima.net/api/area 参数名: pname:省份名字或直辖市名字,比如北京、福建省、辽宁省… cname:城市名字,比如北京市、厦门市、大连市…
省:
市:
// http://hmajax.itheima.net/api/area
// 给按钮设置点击事件
document.querySelector("button").onclick = function () {
// 获取省市的input表单值
let inp = document.querySelectorAll("input")
let pname = inp[0].value
let cname = inp[1].value
axios({
url: "http://hmajax.itheima.net/api/area",
params: {
// 传入省市
pname,
cname
}
}).then(result => {
// console.log(result);
// 处理一下获取到的数据
let list = result.data.list.map(item => `
// 获取ul
document.querySelector("ul").innerHTML = list
})
}
感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!
精彩文章
发表评论