axios中使用finally

最新推荐文章于 2024-11-20 10:59:20 发布
最新推荐文章于 2024-11-20 10:59:20 发布
阅读量1.3w 收藏 8
点赞数 7
分类专栏： 前端 javascript axios 文章标签： javascript axios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TanMengyi/article/details/109599203
版权
本文介绍如何使用Promise的finally方法简化异步操作后的流程控制。通过finally函数可以在请求完成后无论成功或失败执行相同的操作，如恢复按钮状态。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

业务场景：提交某个表单时，为了防止重复提交，提交后按钮需要置灰，直到提交完成按钮才可点击。如果没有finally函数，则需要在then和catch里都写入恢复按钮的代码，但是有了finally函数，我们只需要把这段代码写入函数中即可，因为finally函数中的逻辑，请求完成之后无论是成功失败都会被执行

使用方法：
1、 npm i promise.prototype.finally –S
2、 在main.js中引用, require(“promise.prototype.finally”).shim();
3、 在调用接口的时，

		Add()
		.then(res => {
		})
		.catch(err => {
		})
		.finally(()=>{  })
【Web前端】前端http请求库axios的使用
Get your hands dirty
12-29 833
axios是一个用于发起http请求的js库，支持Promise。axios是开源的，功能强大、使用方便的特点使得它非常流行，在github拥有近10万个star。本文将带你快速上手。
axios在vue项目中的基本用法
10-14
axios在vue项目中的基本用法
.finally is not a function —— 解决低版本浏览器axios不支持finally
盏茶作酒的博客
09-18 2401
框架项目用axios调用接口时，我们常用： 接口名().then(result=>{ do sth... }).catch(()=>{ do sth... }).finally(()=>{ do sth... }) 却会遇到这个问题： fName(...).then(...).catch(...).finally is not a function 造成此问题的原因为：浏览器版本太低 ..
Axios 请求配置参数详解
热门推荐
Wisdom—Yoga—TaciturnKnight（WYT）
06-23 9万+
axios API可以通过向 axios 传递相关配置来创建请求axios(config)// 发送 POST 请求 axios({ method: 'post', url: '/user/12345', data: { firstName: 'Fred', lastName: 'Flintstone' } }); axios(url[, config])// 发送...
axios finally
mrzhangdulin的博客
06-04 2174
HTTP请求库使用axios，Promise对象有一个finally方法，但是在低版本浏览器不支持，所以需要引入对应的polyfill 先安装promise.prototype.finally包 npm install promise.prototype.finally --save 然后在vue项目中需要用到finally的文件中引入 import promiseFinally from 'pr...
让 axios 支持 finally
08-13 1884
当我们执行一个promise操作时，往往伴随的是要做各种状态的修改（如请求开始时显示loading，结束时隐藏 loading）, 这个状态修改，如果没有finally函数，我们需要在then和catch中都写入这段代码，但是有了finally函数，我们只需要把这段代码写入函数中即可，因为finally函数中的逻辑，请求完成之后无论是成功失败都会被执行 如何支持 安装包prom...
finally
Sweeneyzuo的博客
08-10 547
1.finally 语句块在 catch语句块中的return语句之前执行。 2.finally代码块一定会执行，就算前边有return语句。除非极端情况退出虚拟机。
axios不支持finally的解决办法
justforuse的博客
06-24 1万+
最近项目框架换乘了vue，HTTP请求库使用axios，Promise对象有一个finally方法，但是在低版本浏览器不支持，所以需要引入对应的polyfill 先安装promise.prototype.finally包 npm i promise.prototype.finally 再引入该依赖包： main.js ... require('promise.prototype.fina...
vue脚手架中axios的配置与使用
qq_64981698的博客
10-12 1007
vue脚手架中axios的配置与使用
使用 Redux 和 Axios 获取数据
分享身边生活经验blog
10-15 1185
Redux 是一个状态容器和很好的工具，它解决了 UI 框架的主要问题之一：状态管理。使用 Redux，应用程序状态可以通过称为actions.Redux 状态管理的可预测质量是，如果actions重放，我们每次都会到达正确的数据状态。有许多库可以扩展 Redux 在我们应用程序的状态管理方面的功能。但是我们如何判断哪些适合我们的项目呢？事实是，这些解决方案中的每一个都是根据不同的方法、用例和心智模型构建的，因此它们都有其优点和缺点。
如何在Axios中使用并配置认证
在网络通信中，认证用于保护敏感信息和控制访问权限，防止未授权的访问和恶意操作。 ## 1.2 认证在网络通信中的重要性 在网络通信中，认证起到保护系统安全和用户隐私的关键作用。通过认证，系统可以识别用户的身份...
axios封装调用
你若盛开，清风自来
01-04 1959
如何用axios发起一个ajax请求？ 最基本的使用方法：调用然后传参-参数是一个对象 axios调用之后，返回的就是一个Promise实例 所以，我们可以通过 then catch finally 去设置这个方法的回调函数 假如我有很多地方都要调用这个接口 那么url跟method就要写很多次 那假如接口有变动，需求变了 那就要改很多地方了 所以，我们把这个方法封装成一个方法 那要改最后就改方...
axios
最新发布
fjh_ready_sonaa的博客
11-20 244
都是axios的get请求返回的结果，但包含的层级不同。
给 axios 和 redux-axios-middleware 添加finally方法 的使用心得
weixin_34245169的博客
01-20 304
最近公司让用react写一个钉钉的微应用APP 然后就只能去学了react, 之前一直用angular和vue, 所以异步请求用的都是jquery和axios, 想转来转去麻烦 就直接用了axios, 然后网上找了一下 居然有axios的redux中间件 axios 实现finally方法 实现方式1 - q.js 一开始使用axios,...
vue axios.get(...).then(...).catch(...).finally is not a function, vue axios不支持finally的解决办法
coding绝了都
11-13 4894
IE浏览器以及edge浏览器的不支持es6里面promise的finally 报错 vue axios.get(…).then(…).catch(…).finally is not a function 解决方法： 借助promise.prototype.finally包 npm install promise.prototype.finally -S 最后记得在 main.js 里引入该依赖包： require('promise.prototype.finally').shim(); // 之后
Axios 源码解读 —— request 篇
qq_34621851的博客
01-09 7075
Axios 是一个基于 promise 网络请求库，作用于 node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和 node.js 中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。 从 Axios 的官方介绍可以得知，这是一个可以同时运行在浏览器客户端 + Node 服务端的网络请求库，在浏览器运行时，使用 XMLHttpRequests 构建请求，在 Node 环境时使用 node 的 htt
finally小结
dressrosa
03-22 799
记录一下finally的一些简单知识点. 正常情况下finally都会执行,且我们最好不要在finally里面执行业务逻辑,一般用来对资源的释放 finally虽说是肯定会执行的,但是有些情况下就不会执行 Thread t = new Thread(new Runnable() { @Override public void run() {
Vue 中使用axios进行数据请求
ioszhanghui的博客
06-28 1205
刚开始看Vue，目前还停止在会使用API，做个笔记。 在使用axios进行网络请求时需要安装axios库， 使用npm 安装 命令行 npm install axios --save 使用cdn方式 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 如果使用的是npm方式，需要在&...
axios vue 回调函数_使用axios进行vue的ajax请求
weixin_39740737的博客
12-20 1882
一、引入vue文件，引入axios文件{# 引入vue，开发版#}{# 引入axios #}二、创建vue实例1、axios发送ajax请求的步骤1.1 get请求：axios.get(url).then(请求成功的回调函数).catch(请求失败的回调函数)注意：① url--->就是ajax请求需要指向的url② 回调函数建议使用箭头函数，最大的优点是：函数体内的this对象...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值