Axios是什么?
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。我们知道 Promise 是 js 异步的一种解决方案,它最大的特性就是可以通过 .then 的方式来进行链式调用。
![bd2268c96d88ce7a5b7639a494fee101.png](https://i-blog.csdnimg.cn/blog_migrate/052a310bfe0bc6849f9d12de53b5a918.jpeg)
其实说白了axios是对ajax的封装,axios有的ajax都有,ajax有的axios不一定有,总结一句话就是axios是ajax,ajax不止axios。
为什么选择axios?
- vue的作者尤雨溪推荐使用axios.
- 符合前后端分离的趋势,及前端的MVVM的浪潮
功能特点:
在浏览器中发送XMLHttpRequests请求在node.js中发送http请求支持Promise API拦截请求和响应转换请求和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF支持多种请求方式:
axios(config)axios.request(config)axios.get(url, [, config])axios.delete(url, [, config])axios.head(url, [, config])axios.post(url, [,data[,config] ])axios.put(url, [,data[,config] ])axios.patch(url, [,data[,config] ])Axios的基本使用
axios的使用比较简单,文档讲得也非常清晰,你应该先阅读axios的官方文档:axios文档。
在html页面中直接引入使用:
Html页面基本使用
以下案例中的get请求地址为crmeb相关演示站地址,可用于测试获取!
- 获取一个get请求
- 在get请求的url中传参,只需要定义一个params:{}即可!
- 发送一个post请求,与get请求类似,只需要将method改为post,定义一个data:{}即可,data中的数据则是服务器需要接收的字段数据!
- 发送一个并发请求
如果在开发中需要等到多个接口的数据同时请求到后才能继续后边的逻辑,那么即可使用并发请求,axios并发请求,使用all方法,all方法的参数为一个数组,数组的每个值可以为一次请求,请求完成后直接.then即可合并两次请求的数据,返回结果为一个数组!
如果你想自动把这个数组展开的话在then()方法中传入axios.spread()方法即可,如下所示: