Vue笔记九：axios原理之promise

最新推荐文章于 2023-05-31 06:15:00 发布
最新推荐文章于 2023-05-31 06:15:00 发布
阅读量1k 收藏
点赞数 1
分类专栏： Vue 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45844109/article/details/125393161
版权

axios是基于promise的HTTP库，支持promise所有的API

promise概念

promise是JS中解决异步编程的语法，从语法上来讲，promise是一个构造函数，从功能来讲，用promise对象封装异步操作并获取结果。
promise支持链式调用，可以解决回调地狱（多级的异步嵌套调用）。
promise的基本使用
创建promise对象并使用回调函数

<script>

	const p=new Promise((resolve,reject)=>{
   
		// 执行异步操作
最低0.47元/天 解锁文章
努力努力再努力dyx
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue3封装axios+Promise及代理配置
ch_jia_jia的博客
09-03 1015
axios安装 npm install axios 新建一个util文件夹，用于存放工具类 新建http.js，用于封装axios请求 import axios from 'axios' const httpUtil = axios.create({ baseURL: '/api', timeout: 100000 }) httpUtil.ajax = (options) => { return new Promise((resolve, reject) => { h
Promise和axios的使用
qq_20871839的博客
04-19 1363
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 Promise的使用 Promise概念 Promise 是异步编程的一种解决方案：从语法上讲，promise是一个对象，从它可以获取异步操作的消息；通过then方法将嵌套做法转换成连续then，上一个then中返回一个promise实例，这个实例将返回resolve或者reject，以此来确定下一个then中执行的方法。 Promise存在三种状态： 一、Promise存在三种状态 pending(等待态)， fulfiled(成功态.
Promise和Axios
qq_61643292的博客
09-20 5392
Promise和Axios的详细讲解
axios介绍以及和Promise相结合使用
瓜皮伦的博客
12-04 7610
axios是基于Promise的，因此可以使用Promise API //执行GET请求 import axios from 'axios' axios.default.baseURL = 'http://localhost:3000/api/products' axios.get('/user?ID=12345') //返回的是一个Promise .then(res=>console.log(res)) .catch(err=>console.log(err)); //可配
promise-回调笔记
这个博客记录我的成长。(专注前端开发，ehcarts图表开发，接定制)，有需要请站内私信。
03-16 501
promise-回调笔记
VUE学习笔记(五) 引入axios
01-07
VUE学习笔记(五) 引入axios Axios 是一个基于 promise 的 HTTP 库 VUE前端与服务端进行数据交互, 通常使用 axios 安装axios npm install --save vue-axios 安装成功 引入axios 在main.js中加入 import axios from ...
axios-analysis:axios原始码阅读笔记
03-23
背景介绍axios作为一个在前端领域非常重要的HTTP请求库，不管是Vue ， React还是Node ，甚至任何JS可以运行的地方，都有可能出现，可以说， axios是前端axios过去的一个生物学，掌握axios的原理，对我们日常开发和...
Axios学习笔记之使用方法教程
08-29
首先，Axios 基于 Promise，这意味着你可以利用 Promise 的链式调用来处理异步操作，这使得代码更易于理解和维护。它支持多种 HTTP 请求方法，如 GET、POST、PUT、DELETE 等，并且提供了拦截器功能，允许你在请求...
vue第四天笔记02——axios请求中的例子
08-21
本篇笔记将深入探讨如何在Vue项目中使用axios进行API请求，同时结合实例——模仿王者荣耀官网的选项卡功能，来具体展示axios的应用。 首先，我们要了解axios的基本用法。axios是一个基于Promise的HTTP库，可以在...
vue 函数（三）：Promise函数
w_t_y_y的博客
09-13 8618
一、介绍： 通过打印可以看出Promise是一个构造函数，有all、reject、resolve、then、catch等方法。这样用Promise new出来的对象肯定就有then、catch等方法。 二、用法： created() { var p = new Promise(function (resolve, reject) { //做一些异步操作 setTimeout(function () { console.log('Promise执行.
vue + axios + promise：进行接口请求。post请求提交数据的三种方式
учёба
05-31 2440
这三种状态不受外界影响，而且状态只能从pending改变为resolved或者rejected，并且不可逆pending: 等待中，或者进行中，表示还没有得到结果resolved: 已经完成，表示得到了我们想要的结果，可以继续往下执行rejected: 也表示得到结果，但是由于结果并非我们所愿，因此拒绝执(用catch捕获异常)不管是then或者catch返回的都是一个新的Promise实例！
Vue：vue3中封装Axios请求
weixin_52797441的博客
09-21 1万+
vue3中封装Axios请求
Promise和Axios使用
qq_42059717的博客
03-03 1145
笔记来源 尚硅谷尚融宝课程
vue 中 Promise 使用方法
热门推荐
曾令胜的博客
10-20 3万+
1. Promise 基本概念： Promise是一个构造函数，所以可以 new 出一个Promise的实例； 在Promise上有两个函数 resolve (成功之后的回调函数)和 reject (失败后的回调函数)； 在Promise构造函数的prototype属性上，有一个 .then() 方法。 所以只要是Promise构造函数创建的实例，都可以访问到 .then()方法； Promise表示一个一步操作，每当我们new一个Promise的实例，这个实例就代表具体的 异步 操作。 Promise创建
promise对象与promise在vue axios响应拦截器中的应用
MJ的博客
01-14 2225
目录 一.深入理解promise 二、promise在vue响应拦截器的实际应用 console.log('start') setTimeout(()=>{console.log('请求后端数据（约3秒）')}, 3000); console.log('end') 代码分析1 js异步执行，不阻塞,但有些操作之后需要执行回调。下例可以简单实现回调，但这种回调是定时回调，如下请求后端数据，给定3s，如3s后端还没返回，这时执行回调得不到数据，或后端1s就已返回，前端却固定3s才能执行回调，.
Promise.resolve() 和Promise.reject() 使用及其覆盖场景
qq_873366938的博客
02-22 8629
要想了解这些首先我们先要明确一点 什么是 Promise 官方的解释：Promise 对象用于表示一个异步操作的最终完成 (或失败)及其结果值。 深层的描述可以解释成 * 一个 Promise 对象代表一个在这个 promise 被创建出来时不一定已知的值。它让您能够把异步操作最终的成功返回值或者失败原因和相应的处理程序关联起来。 这样使得异步方法可以像同步方法那样返回值：异步方法并不会立即返回最终的值，而是会返回一个 promise，以便在未来某个时候把值交给使用者。 供其使用的方法也有很多例如 P
【Vue3】axios获取数据异步变同步，解决“回调地狱”问题，以及解决通过async和await出现Promise ＜pending＞问题（新手终极解决方案）
【敦厚的曹操】的专栏
02-19 3290
axios获取数据异步变同步，解决“回调地狱”问题，以及解决通过async和await出现Promise 问题（新手终极解决方案）
在vue项目中：统一封装 Axios 接口与异常处理
qq_36396822的博客
07-19 4577
一、axios的封装 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。 安装 npm install axios; // 安装axios 引入 一般我会在项目的src目录中，新建一个request文件夹，然后在里面新
前端开发：axios在vue中的使用
彭世瑜的博客
07-30 1万+
Aixos 1、Aixos特性 （1）支持Promise API （2）拦截请求和响应 （3）装换请求数据和响应数据 （4）取消请求 （5）自动转换JSON数据 （6）客户端支持防御XSRF 2、Axios基础用法 get post put等请求方法 3、Axios进阶用法 实例 配置 拦截器 取消请求 4、Axios进一步封装 Axios基础用法 文档：https://www.npmjs.com...
vue ReferenceError: axios is not defined
最新发布
12-11
在main.js中加上以下代码，将axios挂载到Vue的原型上，这样在其他组件中就可以通过this.$axios来调用axios了： ```javascript import axios from 'axios' Vue.prototype.$axios = axios ``` 然后在组件中使用时，将...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值