axios从入门到源码分析

最新推荐文章于 2023-05-05 17:29:34 发布
最新推荐文章于 2023-05-05 17:29:34 发布
阅读量274 收藏 1
点赞数
分类专栏： Network
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RollsRoycewk/article/details/109607093
版权

axios从入门到源码分析

第1章：HTTP相关

MDN文档

https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Overview

HTTP请求交互的基本过程

在这里插入图片描述

  1. 前后应用从浏览器端向服务器发送HTTP请求(请求报文)

  2. 后台服务器接收到请求后, 调度服务器应用处理请求,
    向浏览器端返回HTTP响应(响应报文)

  3. 浏览器端接收到响应, 解析显示响应体/调用监视回调

HTTP请求报文

  1. 请求行:

    method url

    GET /product_detail?id=2

    POST /login

  2. 多个请求头

    Host: www.baidu.com

    Cookie: BAIDUID=AD3B0FA706E; BIDUPSID=AD3B0FA706;

    Content-Type: application/x-www-form-urlencoded 或者 application/json

  3. 请求体

    username=tom&pwd=123

    {“username”: “tom”, “pwd”: 123}

HTTP响应报文

  1. 响应状态行: status statusText

  2. 多个响应头

    Content-Type: text/html;charset=utf-8

    Set-Cookie: BD_CK_SAM=1;path=/

  3. 响应体

    html文本/json文本/js/css/图片…

post请求体参数格式

  1. Content-Type: application/x-www-form-urlencoded;charset=utf-8

    用于键值对参数，参数的键值用=连接, 参数之间用&连接

例如: name=%E5%B0%8F%E6%98%8E&age=12

  1. Content-Type: application/json;charset=utf-8

用于json字符串参数

例如: {“name”: “%E5%B0%8F%E6%98%8E”, “age”: 12}

  1. Content-Type: multipart/form-data

用于文件上传请求

常见的响应状态码

200 OK 请求成功。一般用于GET与POST请求

201 Created 已创建。成功请求并创建了新的资源

401 Unauthorized 未授权/请求要求用户的身份认证

404 Not Found 服务器无法根据客户端的请求找到资源

500 Internal Server Error 服务器内部错误，无法完成请求

不同类型的请求及其作用

  1. GET: 从服务器端读取数据

  2. POST: 向服务器端添加新数据

  3. PUT: 更新服务器端已经数据

  4. DELETE: 删除服务器端数据

API的分类

  1. REST API: restful

    1. 发送请求进行CRUD哪个操作由请求方式来决定

    2. 同一个请求路径可以进行多个操作

    3. 请求方式会用到GET/POST/PUT/DELETE

  2. 非REST API: restless

    1. 请求方式不决定请求的CRUD操作

    2. 一个请求路径只对应一个操作

    3. 一般只有GET/POST

使用json-server搭建REST API

json-server是什么?

用来快速搭建REST API的工具包

使用json-server

  1. 在线文档: https://github.com/typicode/json-server

  2. 下载: npm install -g json-server

  3. 目标根目录下创建数据库json文件: db.json

{

“posts”: [

{ “id”: 1, “title”: “json-server”, “author”: “typicode” }

],

“comments”: [

{ “id”: 1, “body”: “some comment”, “postId”: 1 }

],

“profile”: { “name”: “typicode” }

}

  1. 启动服务器执行命令: json-server --watch db.json

使用浏览器访问测试

http://localhost:3000/posts

http://localhost:3000/posts/1

使用axios访问测试

<script src=“https://cdn.bootcss.com/axios/0.19.0/axios.js”></script>

<script>

/* 1. GET请求: 从服务器端获取数据*/

function testGet() {

// axios.get(‘http://localhost:3000/posts’)

// axios.get(‘http://localhost:3000/posts/1’)

axios.get(‘http://localhost:3000/posts?id=1’)

.then(response => {

console.log(’/posts get’, response.data)

})

}

/* 2. POST请求: 向服务器端添加新数据*/

function testPost() {

axios.post(‘http://localhost:3000/posts’, {“title”: “json-server3”, “author”:
“typicode3”})

.then(response => {

console.log(’/posts post’, response.data)

})

}

/* 3. PUT请求: 更新服务器端已经数据 */

function testPut() {

axios.put(‘http://localhost:3000/posts/3’, {“title”: “json-server…”, “author”:
“typicode…”})

.then(response => {

console.log(’/posts put’, response.data)

})

}

/* 4. DELETE请求: 删除服务器端数据 */

function testDelete() {

axios.delete(‘http://localhost:3000/posts/3’)

.then(response => {

console.log(’/posts delete’, response.data)

})

}

</script>

第2章：XHR的理解和使用

2.1. MDN文档

https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest

2.2. 理解

  1. 使用XMLHttpRequest (XHR)对象可以与服务器交互, 也就是发送ajax请求

  2. 前端可以获取到数据，而无需让整个的页面刷新。

  3. 这使得Web页面可以只更新页面的局部，而不影响用户的操作。

2.3. 区别一般http请求与ajax请求

  1. ajax请求是一种特别的http请求

  2. 对服务器端来说, 没有任何区别, 区别在浏览器端

  3. 浏览器端发请求: 只有XHR或fetch发出的才是ajax请求, 其它所有的都是非ajax请求

  4. 浏览器端接收到响应

    1. 一般请求: 浏览器一般会直接显示响应体数据, 也就是我们常说的刷新/跳转页面

    2. ajax请求: 浏览器不会对界面进行任何更新操作,
      只是调用监视的回调函数并传入响应相关数据

2.4. API

  1. XMLHttpRequest(): 创建XHR对象的构造函数

  2. status: 响应状态码值, 比如200, 404

  3. statusText: 响应状态文本

  4. readyState: 标识请求状态的只读属性

    0: 初始

    1: open()之后

    2: send()之后

    3: 请求中

    4: 请求完成

  5. onreadystatechange: 绑定readyState改变的监听

  6. responseType: 指定响应数据类型, 如果是’json’, 得到响应后自动解析响应体数据

  7. response: 响应体数据, 类型取决于responseType的指定

  8. timeout: 指定请求超时时间, 默认为0代表没有限制

  9. ontimeout: 绑定超时的监听

  10. onerror: 绑定请求网络错误的监听

  11. open(): 初始化一个请求, 参数为: (method, url[, async])

  12. send(data): 发送请求

  13. abort(): 中断请求

  14. getResponseHeader(name): 获取指定名称的响应头值

  15. getAllResponseHeaders(): 获取所有响应头组成的字符串

  16. setRequestHeader(name, value): 设置请求头

2.5. XHR的ajax封装(简单版axios)

2.5.1. 特点

  1. 函数的返回值为promise, 成功的结果为response, 异常的结果为error

  2. 能处理多种类型的请求: GET/POST/PUT/DELETE

  3. 函数的参数为一个配置对象

{

url: ‘’, // 请求地址

method: ‘’, // 请求方式GET/POST/PUT/DELETE

params: {}, // GET/DELETE请求的query参数

data: {}, // POST或DELETE请求的请求体参数

}

  1. 响应json数据自动解析为js

2.5.2. 编码实现

/*

使用XHR封装发送ajax请求的通用函数

返回值: promise

参数为配置对象

url: 请求地址

params: 包含所有query请求参数的对象 {name: tom, age: 12} ==> name=tom&age=12

data: 包含所有请求体参数数据的对象

method: 为请求方式

*/

function axios({url, method=‘GET’, params={}, data={}}) {

method = method || ‘GET’

method = method.toUpperCase()

// 将params中的参数属性拼接到url上

// {name: tom: pwd: 123} ===> queryStr=name=tom&pwd=123

// url + ? + queryStr

let queryStr = ‘’

Object.keys(params).forEach(key => {

// &pwd=123

queryStr += ‘&’ + key + ‘=’ + params[key]

})

// ‘&name=tom&pwd=123’ 或者 ‘’

if (queryStr) {

queryStr = queryStr.substring(1) // ‘name=tom&pwd=123’

url += ‘?’ + queryStr // /user?name=tom&pwd=123

}

return new Promise((resolve, reject) => {

// 创建XHR对象

const request = new XMLHttpRequest()

// 打开连接(初始化请求对象)

request.open(method, url, true)

// 设置响应数据类型 ==> 自动解析json文本为js对象/数组, 保存给response属性上

request.responseType = ‘json’

// 绑定监视request的状态改变的监听

request.onreadystatechange = function () {

// 如果请求还没有完成, 直接结束

if (request.readyState!==4) {

return

}

const {status, statusText} = request

// 如果成功了, 取出数据封装成成功的响应数据对象response, 调用resolve(response)

if (status>=200 && status<300) { // 在[200, 300)

const response = {

// data: JSON.parse(request.response),

data: request.response,

status,

statusText

}

resolve(response)

} else {

// 如果失败了, 封装失败相关信息成error对象, 调用reject(error)

reject(new Error('request error status is ’ + status))

}

}

if (method===‘GET’ || method===‘DELETE’) {

// 发送请求

request.send()

} else { // POST/PUT

// 设置请求头

request.setRequestHeader(‘Content-Type’, ‘application/json;charset=utf-8’)

// 发送请求

request.send(JSON.stringify(data))

}

})

}

2.5.3. 使用测试

function testGet() {

axios({

url: ‘http://localhost:3000/comments’,

// url: ‘http://localhost:3000/comments2’,

params: {id: 3},

}).then(response => {

console.log(‘get success’, response.data, response)

}).catch(error => {

alert(error.message)

})

}

function testPost() {

axios({

url: ‘http://localhost:3000/comments’,

// url: ‘http://localhost:3000/comments2’,

method: ‘POST’,

data: { body: ‘aaaa’, postId: 2 }

}).then(response => {

console.log(‘post success’, response.data, response)

}).catch(error => {

alert(error.message)

})

}

function testPut() {

axios({

url: ‘http://localhost:3000/comments/3’,

// url: ‘http://localhost:3000/comments/39’,

method: ‘put’,

data: {body: ‘abcdefg’, “postId”: 2}

}).then(response => {

console.log(‘put success’, response.data, response)

}).catch(error => {

alert(error.message)

})

}

function testDelete() {

axios({

url: ‘http://localhost:3000/comments/1’,

method: ‘delete’,

params: {

body: ‘some comment’

}

}).then(response => {

console.log(‘delete success’, response.data, response)

}).catch(error => {

alert(error.message)

})

}

第3章：axios的理解和使用

3.1. axios是什么?

  1. 前端最流行的ajax请求库

  2. react/vue官方都推荐使用axios发ajax请求

  3. 文档: https://github.com/axios/axios

3.2. axios特点

  1. 基本promise的异步ajax请求库

  2. 浏览器端/node端都可以使用

  3. 支持请求／响应拦截器

  4. 支持请求取消

  5. 请求/响应数据转换

  6. 批量发送多个请求

3.3. axios常用语法

axios(config): 通用/最本质的发任意类型请求的方式

axios(url[, config]): 可以只指定url发get请求

axios.request(config): 等同于axios(config)

axios.get(url[, config]): 发get请求

axios.delete(url[, config]): 发delete请求

axios.post(url[, data, config]): 发post请求

axios.put(url[, data, config]): 发put请求

axios.defaults.xxx: 请求的默认全局配置

axios.interceptors.request.use(): 添加请求拦截器

axios.interceptors.response.use(): 添加响应拦截器

axios.create([config]): 创建一个新的axios(它没有下面的功能)

axios.Cancel(): 用于创建取消请求的错误对象

axios.CancelToken(): 用于创建取消请求的token对象

axios.isCancel(): 是否是一个取消请求的错误

axios.all(promises): 用于批量执行多个异步请求

axios.spread(): 用来指定接收所有成功数据的回调函数的方法

3.4. 难点语法的理解和使用

3.4.1. axios.create(config)

  1. 根据指定配置创建一个新的axios, 也就就每个新axios都有自己的配置

  2. 新axios只是没有取消请求和批量发请求的方法, 其它所有语法都是一致的

  3. 为什么要设计这个语法?

    1. 需求: 项目中有部分接口需要的配置与另一部分接口需要的配置不太一样,
      如何处理

    2. 解决: 创建2个新axios, 每个都有自己特有的配置,
      分别应用到不同要求的接口请求中

3.4.2. 拦截器函数/ajax请求/请求的回调函数的调用顺序

  1. 说明: 调用axios()并不是立即发送ajax请求, 而是需要经历一个较长的流程

  2. 流程: 请求拦截器2 => 请求拦截器1 => 发ajax请求 => 响应拦截器1 =>
    响应拦截器2 => 请求的回调

  3. 注意: 此流程是通过promise串连起来的, 请求拦截器传递的是config,
    响应拦截器传递的是response

3.4.3. 取消请求

  1. 基本流程

配置cancelToken对象

缓存用于取消请求的cancel函数

在后面特定时机调用cancel函数取消请求

在错误回调中判断如果error是cancel, 做相应处理

  1. 实现功能

点击按钮, 取消某个正在请求中的请求

在请求一个接口前, 取消前面一个未完成的请求

第4章：axios源码分析

4.1. 源码目录结构

├── /dist/ # 项目输出目录

├── /lib/ # 项目源码目录

│ ├── /adapters/ # 定义请求的适配器 xhr、http

│ │ ├── http.js # 实现http适配器(包装http包)

│ │ └── xhr.js # 实现xhr适配器(包装xhr对象)

│ ├── /cancel/ # 定义取消功能

│ ├── /core/ # 一些核心功能

│ │ ├── Axios.js # axios的核心主类

│ │ ├── dispatchRequest.js # 用来调用http请求适配器方法发送请求的函数

│ │ ├── InterceptorManager.js # 拦截器的管理器

│ │ └── settle.js # 根据http响应状态，改变Promise的状态

│ ├── /helpers/ # 一些辅助方法

│ ├── axios.js # 对外暴露接口

│ ├── defaults.js # axios的默认配置

│ └── utils.js # 公用工具

├── package.json # 项目信息

├── index.d.ts # 配置TypeScript的声明文件

└── index.js # 入口文件

4.2. 源码分析

4.2.1. axios与Axios的关系?

  1. 从语法上来说: axios不是Axios的实例

  2. 从功能上来说: axios是Axios的实例

  3. axios是Axios.prototype.request函数bind()返回的函数

  4. axios作为对象有Axios原型对象上的所有方法, 有Axios对象上所有属性

4.2.2. instance与axios的区别?

  1. 相同:

    1. 都是一个能发任意请求的函数: request(config)

    2. 都有发特定请求的各种方法: get()/post()/put()/delete()

    3. 都有默认配置和拦截器的属性: defaults/interceptors

  2. 不同:

    1. 默认匹配的值很可能不一样

    2. instance没有axios后面添加的一些方法: create()/CancelToken()/all()

4.2.3. axios运行的整体流程?

在这里插入图片描述

  1. 整体流程:

request(config) ==> dispatchRequest(config) ==> xhrAdapter(config)

  1. request(config):

    将请求拦截器 / dispatchRequest() / 响应拦截器 通过promise链串连起来,
    返回promise

  2. dispatchRequest(config):

    转换请求数据 ===> 调用xhrAdapter()发请求 ===> 请求返回后转换响应数据.
    返回promise

  3. xhrAdapter(config):

    创建XHR对象, 根据config进行相应设置, 发送特定请求, 并接收响应数据,
    返回promise

4.2.4. axios的请求/响应拦截器是什么?

在这里插入图片描述

  1. 请求拦截器:

    在真正发送请求前执行的回调函数

    可以对请求进行检查或配置进行特定处理

    成功的回调函数, 传递的默认是config(也必须是)

    失败的回调函数, 传递的默认是error

  2. 响应拦截器

    在请求得到响应后执行的回调函数

    可以对响应数据进行特定处理

    成功的回调函数, 传递的默认是response

    失败的回调函数, 传递的默认是error

4.2.5. axios的请求/响应数据转换器是什么?

  1. 请求转换器: 对请求头和请求体数据进行特定处理的函数

if (utils.isObject(data)) {

setContentTypeIfUnset(headers, ‘application/json;charset=utf-8’);

return JSON.stringify(data);

}

  1. 响应转换器: 将响应体json字符串解析为js对象或数组的函数

response.data = JSON.parse(response.data)

4.2.6. response的整体结构

{

data,

status,

statusText,

headers,

config,

request

}

4.2.7. error的整体结构

{

message,

response,

request,

}

4.2.8. 如何取消未完成的请求?

  1. 当配置了cancelToken对象时, 保存cancel函数

    1. 创建一个用于将来中断请求的cancelPromise

    2. 并定义了一个用于取消请求的cancel函数

    3. 将cancel函数传递出来

  2. 调用cancel()取消请求

    1. 执行cacel函数, 传入错误信息message

    2. 内部会让cancelPromise变为成功, 且成功的值为一个Cancel对象

    3. 在cancelPromise的成功回调中中断请求, 并让发请求的proimse失败,
      失败的reason为Cacel对象
      行特定处理的函数

if (utils.isObject(data)) {

setContentTypeIfUnset(headers, ‘application/json;charset=utf-8’);

return JSON.stringify(data);

}

  1. 响应转换器: 将响应体json字符串解析为js对象或数组的函数

response.data = JSON.parse(response.data)

4.2.6. response的整体结构

{

data,

status,

statusText,

headers,

config,

request

}

4.2.7. error的整体结构

{

message,

response,

request,

}

4.2.8. 如何取消未完成的请求?

  1. 当配置了cancelToken对象时, 保存cancel函数

    1. 创建一个用于将来中断请求的cancelPromise

    2. 并定义了一个用于取消请求的cancel函数

    3. 将cancel函数传递出来

  2. 调用cancel()取消请求

    1. 执行cacel函数, 传入错误信息message

    2. 内部会让cancelPromise变为成功, 且成功的值为一个Cancel对象

    3. 在cancelPromise的成功回调中中断请求, 并让发请求的proimse失败,
      失败的reason为Cacel对象

探鱼不是鱼
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
http-ajax-axios:axios从入门到源码分析
03-11
axios从入门到源码分析 1.前后台交互的基本过程 1. 前后应用从浏览器端向服务器发送HTTP请求(请求报文) 2. 后台服务器接收到请求后, 调度服务器应用处理请求, 向浏览器端返回HTTP响应(响应报文) 3. 浏览器端接收到...
190620_http-ajax-axios:axios从入门到源码分析
03-23
axios从入门到源码分析 1.前后台交互的基本过程 1. 前后应用从浏览器端向服务器发送HTTP请求(请求报文) 2. 后台服务器接收到请求后, 调度服务器应用处理请求, 向浏览器端返回HTTP响应(响应报文) 3. 浏览器端接收到...
前后端通讯方式
zhanxxiao的博客
07-16 1113
一、Ajax 前端使用 axios 库与服务端通信。axios 返回的是 promise 对象。 示例(使用 es6语法)： axios.get(url) .then(response => response.data) .then(json => { // 处理后台传回来的json对象 }); 文档：https://github.com/mzabriskie/axios 中文文档：http://www.kancloud.cn/yunye/axios/234845 二、GET 请求 用作数据查询
13.Vue axios的使用
扛麻袋的少年的博客
04-18 2040
Axios插件 是一个基于 promise 的 HTTP 库，可以用在浏览器、node.js、react.js下使用。 它本身具有以下特征： 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止CSRF/XSRF 1.axios的安...
学习Promise时的一些笔记
左手代码的博客
08-27 842
以下是学习Promise时的一些笔记，仅供个人参考使用 1、Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。有了Promise对象，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。Promise也有一些缺点，比如一旦新建了它就会立即执行，无法中途取消。   2...
React-Native中网络请求的总结
大灰狼的小绵羊哥哥的博客
03-16 849
前几篇文章写了关于React-Native中自己遇到的this的问题和组件嵌套的问题做了总结。今天要写的是关于React-Native中的网络请求的实现。 1.get的请求方式的实现 //get请求 static get(url, callback) { fetch(url) .then((response) => response.text())
Vue.js Ajax(axios)
weixin_60652380的博客
04-13 413
GET 方法 我们可以简单的读取 JSON 数据： new Vue({ el: '#app', data () { return { info: null } }, mounted () { axios .get('https://www.runoob.com/try/ajax/json_demo.json') .then(response => (this.info = response)) .catch(
Axios从入门到实战到源码分析教程
06-16
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 特性?从浏览器中创建 ...从axios的基本语法使用，到难点技术使用分析，最后进行axios源码的深入分析，帮助学习者深入掌握axios技术。
vue从入门到精通
06-16
本课程“Vue从入门到精通”专注于帮助0-5年开发经验的工程师提升技能，通过一线互联网大咖的亲自授课，将10年以上开发经验和多年在线教育经验融合，提供高质量的教学内容。 首先，从基础开始，学习Vue.js的基本概念...
testaxios:axios练习
03-05
axios从入门到源码分析 1.前后台交互的基本过程 1. 前后应用从浏览器端向服务器发送HTTP请求(请求报文) 2. 后台服务器接收到请求后, 调度服务器应用处理请求, 向浏览器端返回HTTP响应(响应报文) 3. 浏览器端接收到...
热门的数据请求工具--axios
薇z的博客
08-01 575
axios 是目前前端最热门的请求工具, 用来向服务器发送 AJAX 请求进行数据交换.目前在面试时也经常被面试官问到的一个知识点，所以呢，在学习前有ajax,promise的前置知识的一个基础就最好啦
Promise的一些个人理解
菜鸟的博客
07-02 307
ECMAscript 6 原生提供了 Promise 对象。 Promise 对象代表了未来将要发生的事件，用来传递异步操作的消息。 Promise 的特点： 1、对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态： pending: 初始状态，不是成功或失败状态。 fulfilled: 意味着操作成功完成。 rejected: 意味着操作失败。 只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是 Promise 这个名字的由来，它的英语意
es6基本语法 (rest参数,模板化,axios模块,拦截器)
Pole丶逐
04-23 499
日常学习记录 模块化:把一个大文件分成多个小文件,按照一定规范进行拼接         es5写法:             导出:module.exports = 数据         &...
axios源码分析
congboer的博客
01-12 724
axios源码分析，代码有删减，只针对主要过程
axios核心内容（一）HTTP相关
m0_53989829的博客
05-05 233
（3）后台服务器接收到请求后，调度服务器应用处理请求，向浏览器端返回HTTP响应（响应报文），响应报文包括状态行、响应头、实体内容。选择star最多的👇，到https://github.com/typicode/json-server。CRUD指的是做增加（create）、读取（read）、更新（update）、删除（delete）（1）前后应用从浏览器端向服务器发送HTTP请求（请求报文）（4）浏览器端接收到响应，解析显示响应体/调用监视回调。（2）请求报文包括请求行、请求头、请求体。
前端相关知识总结
qq_43374694的博客
07-15 417
前端相关知识总结
Axios
why404
04-26 1343
1、简介 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 简单来说就是前端最火最简单的一个 http 请求解决方案。 2、安装 npm install vuex --save 3、功能 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据...
VUE使用（二）
hylr007的博客
11-12 148
VUE使用（二） 一、组件使用 1、在src下新建components 文件夹，存放组件 2、新建home.vue文件 <template> <div> <h1>Home.vue--{{msg}}</h1> <button @click="run()">执行button</button> </di...
JavaScript 异步编程 2
SDBao的博客
06-26 151
异步编程技术使你的程序可以在执行一个可能长期运行的任务的同时继续对其他事件做出反应而不必等待任务完成。与此同时，你的程序也将在任务完成后显示结果。 例如：发送HTTP请求、访问外部设备、访问文件等事件处理程序是异步编程的一种形式：提供的函数（事件处理程序）将在事件发生时被调用（而不是立即被调用）。例如在 XMLHttpRequest API 的应用中，程序可以在请求进行的同时继续运行，而事件处理程序将在请求完成时被调用事件处理程序是一种特殊类型的回调函数。 回调函数则是一个被传递到另一个函数中的会在适当的时
vue3 axios源码
最新发布
01-18
通过阅读它的源码，我们可以了解到axios是如何与Vue.js的生命周期钩子进行集成，以及如何利用Vue的响应式系统来实现数据的绑定和更新。此外，我们还可以看到axios是如何利用XMLHttpRequest或者Fetch API等浏览器原生...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值