html文档中引入axios遇到的奇葩问题
在body中引入代码:
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
然后插入一个按钮:
<input type="button" value="get请求" class="get">
目的是实现get请求测试网址,一共写了三次代码,第三次才成功
第一次写入:
<script>
document.querySelector(".get").onclick = function() {
axios.get("http://autumnfish.cn/api/joke/list?num=6")
.then(function(response){
console.log(response);
},function(err){
console.log(err);
})
}
</script>
出现报错:
更改.then()中的function(response)为res =>,代码如下:
<script>
document.querySelector(".get").onclick = function() {
axios.get("http://autumnfish.cn/api/joke/list?num=6")
.then(res => {
console.log(res)
})
.catch(err => {
console.error(err);
})
console.log("object");
}
</script>
仍然报错:
第三次,仅更改第二次代码的缩进方式,代码如下:
<script>
document.querySelector(".get").onclick = function() {
axios.get("https://autumnfish.cn/api/joke/list?num=6")
.then(res => {
console.log(res)
})
.catch(err => {
console.error(err);
})
console.log("object");
}
</script>
结果竟然就成功跑起来了…
完全不明白,难不成缩进方式也会影响到代码运行吗,按理来说应该是不可能的…
axios的用法也还没有熟练掌握,这次先记下来。