Axios请求成功和失败时分别执行哪个函数?

简介: Axios请求成功和失败时分别执行哪个函数?

在 Axios 中,请求成功和失败时分别执行的函数是 then 和 catch。


特点:


then 函数用于处理请求成功的情况,它接受一个回调函数作为参数,在请求成功时会调用该回调函数。

catch 函数用于处理请求失败的情况,它也接受一个回调函数作为参数,在请求失败时会调用该回调函数。


这两个函数适用于处理异步请求的结果,并根据请求的成功或失败状态进行相应的处理。


原理是当发起一个请求时,Axios 会返回一个 Promise 对象。Promise 对象具有 then 和 catch 方法,用于注册请求成功和失败的回调函数。当请求成功时,会调用 then 方法注册的回调函数;当请求失败时,会调用 catch 方法注册的回调函数。


以下是一个示例:

axios.get('/api/data')
  .then(function(response) {
    // 请求成功时的回调函数
    console.log(response.data);
  })
  .catch(function(error) {
    // 请求失败时的回调函数
    console.error(error);
  });

在上面的示例中,get 方法用于发起一个 GET 请求,请求的 URL 是 /api/data。如果请求成功,then 方法注册的回调函数会被调用,并且可以通过 response.data 获取到服务器返回的数据。如果请求失败,catch 方法注册的回调函数会被调用,并且可以通过 error 参数获取到错误信息。









相关文章
|
1月前
|
资源调度 JavaScript
|
1月前
|
缓存 JavaScript 搜索推荐
|
16天前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
40 2
|
1月前
|
Python
axios的get请求传入数组参数
【10月更文挑战第11天】 当使用 `axios` 发送包含数组参数的 GET 请求时,默认的序列化方式可能与后端(如 Django)不兼容,导致无法正确获取数组参数。解决方案是通过 `paramsSerializer` 指定自定义序列化函数,或使用 `qs` 库来格式化数组参数,确保前后端一致。示例代码展示了如何使用 `qs` 库设置 `arrayFormat` 为 `"repeat"`,以符合 Django 的解析要求。
25 2
|
1月前
|
JSON JavaScript 前端开发
axios的post请求,数据为什么要用qs处理?什么时候不用?
axios的post请求,数据为什么要用qs处理?什么时候不用?
|
2月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
43 6
|
30天前
|
前端开发 JavaScript UED
axios取消请求CancelToken的原理解析及用法示例
axios取消请求CancelToken的原理解析及用法示例
86 0
|
2月前
axios全局做节流,解决多次点击导致多次请求接口
本文介绍了如何在Axios请求中实现全局节流,以防止用户快速多次点击导致重复发送相同请求的问题。
74 2
|
2月前
|
前端开发 JavaScript
React配合axios请求拦截校验session,403跳转至登陆页面
React中使用axios进行请求拦截,通过自定义事件监听和响应拦截实现403状态码时的自动登录页面跳转。
80 2