【前端之旅】Axios看这一篇就够了

官网：https://www.axios-http.cn

Axios 是一个基于 Promise 的 HTTP 客户端，同时支持浏览器和 Node.js 环境，它是一个优秀的 HTTP 客户端，被广泛地应用在大量的 Web 项目中，拥有以下特性：

• 从浏览器创建
• 从 node.js 创建 http 请求
• 支持 Promise API
• 拦截请求和响应
• 转换请求和响应数据
• 取消请求
• 自动转换JSON数据
• 客户端支持防御XSRF

一、快速入门

1、引入axios的jsCDN文件

2、使用axios发送请求，并获取响应结果

二、Axios介绍

axios是基于Promise的，因此可以使用Promise API。

1.axios可以请求的方法：

1. get：获取数据，请求指定的信息，返回实体对象
2. post：向指定资源提交数据（例如表单提交或文件上传）
3. put：更新数据，从客户端向服务器传送的数据取代指定的文档的内容
4. patch：更新数据，是对put方法的补充，用来对已知资源进行局部更新
5. delete：请求服务器删除指定的数据
6. head：获取报文首部

2.请求方法别名

为了方便起见，axios为所有支持的请求方法提供了别名:

1. axios(config)
2. axios.request(config)
3. axios.get(url [,config])
4. axios.post(url [,data [,config]])
5. axios.put(url [,data [,config]])
6. axios.delete(url [,config])
7. axios.patch(url [,data [,config]])
8. axios.head(url [,config])

get、post请求代码示例：

3.并发请求

通过axios.all(iterable)可实现发送多个请求，参数不一定是数组，只要有iterable接口就行，函数返回的是一个数组

axios.spread(callback)可用于将结果数组展开

三、Axios API

1.向 axios 传递相关配置来创建请求

代码示例：

2.用axios提供的请求方法发送请求

代码示例：

1.axios.get(url[config])  执行 GET 请求// 向具有指定ID的用户发出请求axios.get('/userD=1208').then(function (res) {    console.log(res);}).catch(function (err) {    console.log(err);});// 也可以通过 params 对象传递参数axios.get('/user', {    params: {ID: 1208    }}).then(function (res) {    console.log(res);}).catch(function (err) {    console.log(err);}); 2.axios.post(url[, data[, config]]) // 执行 POST 请求axios.post('/user', {    firstName: 'bujian',    lastName: 'sun'}).then(function (res) {    console.log(res);}).catch(function (err) {    console.log(err);});3.axios.request(config)//用法同上4.axios.head(url[, config])//用法同上5.axios.delete(url[, config])//用法同上6.axios.put(url[, data[, config]])//用法同上7.axios.patch(url[, data[, config]])//用法同上8.axios.all(iterable)执行多个并发请求9.axios.spread(callback)展开function getUserAccount() {    return axios.get('/user/12345');}function getUserPermissions() {    return
来源：孙不坚1208
                                                        
声明：本站部分文章及图片转载于互联网，内容版权归原作者所有，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！