axios:功能强大的网络请求库
说明文档:https://github.com/axios/axios
格式:
axios.get(地址?key=value&key2=values).then(function(response){},function(err){}
axios.post(地址,{key:value,key2:value2}).then(function(response){},function(err){})
所使用的接口:👇
引入axios网络请求库:
<!-- 定义一个按钮 -->
<input type="button" value="get请求" class="get">
<!-- 定义一个按钮 -->
<input type="button" value="post请求" class="post">
<!-- 引入axios -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
document.querySelector(".get").onclick=function(){
axios.get("https://autumnfish.cn/api/joke/list?num=6")
.then(function(response){
console.log(response);
},function(err){
console.log(err);
})
}
document.querySelector(".post").onclick=function(){
axios.post("https://autumnfish.cn/api/user/reg",
{username:"注册了"})
.then(function(response){
console.log(response);
},function(err){
console.log(err);
})
}
</script>
测试结果: