查询某个省内某个城市的所有地区 接口:http://hmajax.itheima.net/api/area
参数名:
pname:省份名字或直辖市名字,比如北京、福建省、辽宁省…
cname:城市名字,比如北京市、厦门市、大连市…
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>Document</title>
</head><body>省:<input type="text">市:<input type="text"><button>查询</button><ul></ul>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/1.5.0/axios.js"></script>
<script>// http://hmajax.itheima.net/api/area// 给按钮设置点击事件document.querySelector("button").onclick = function () {// 获取省市的input表单值let inp = document.querySelectorAll("input")let pname = inp[0].valuelet cname = inp[1].valueaxios({url: "http://hmajax.itheima.net/api/area",params: {// 传入省市pname,cname}}).then(result => {// console.log(result);// 处理一下获取到的数据let list = result.data.list.map(item => `<li>${item}</li>`).join("")// 获取uldocument.querySelector("ul").innerHTML = list})}
</script></html>
感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!