axios发起get请求

axios用起来非常方便简洁。下边记录一下。

这里我就新建一个项目,axiostest.html里面就是写测试代码的,然后请求aa.txt里面的数据。这里面我就写了几个字母用来测试。


在script标签内引入axios.js即可。这里我就直接使用网上的cdn链接地址。然后给一个按钮绑定点击事件。用来触发对应的aget函数。然后aget函数中发送get请求。then里面是请求成功的操作。catch则是异常时的操作。里面有一个回调函数来进行响应处理。用res.data可以取得响应成功的数据。


如图,请求成功,数据显示成功。


上面用的是es6的写法,平常写法可以是这样写。


接着修改为一个不存在的文件。


那么请求就会报错。


  • 2
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值