Vue笔记九：axios原理之promise

最新推荐文章于 2024-09-07 21:42:43 发布
最新推荐文章于 2024-09-07 21:42:43 发布
阅读量1.1k 收藏 1
点赞数 1
分类专栏： Vue 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45844109/article/details/125393161
版权
本文探讨了Vue应用中常用的axios库如何基于Promise进行HTTP请求。Promise作为解决异步编程的一种方式，提供了链式调用来避免回调地狱。文章介绍了Promise的基本用法，并进一步讲解了async函数和await关键字，它们是基于Promise的更简洁的异步编程解决方案。async函数的返回值是一个Promise，允许使用await关键字来等待Promise的解析结果。
摘要由CSDN通过智能技术生成

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

promise概念

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

<script>

	const p=new Promise((resolve,reject)=>{
   
		// 执行异步操作
最低0.47元/天 解锁文章
努力努力再努力dyx
关注
专栏目录
Promise介绍、Promise基础用法、Axios介绍和使用、Vue中应用Axios
NBAJAVA的博客
08-28 1770
Promise介绍 什么是Promise？ Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个¬对象，从它可以获取异步...
【Vue】学习笔记九：ES6 Promise、axios网络请求封装
Elltor
02-03 798
文章目录：Promise简介作用Promist的三种状态封装Promiseaxios常用网络请求方式配置项结合Promise进行网络请求封装拦截器 Promise 简介 Promise是ES6（ES2015）中的一个非常好用的工具类。 The Promise object is used for asynchronous computations. A Promise represe...
AJAX Promise axios基本概念和用法
最新发布
hsm666_的博客
09-07 1042
AJAX是异步的JavaScript和XML（Asynchronous JavaScript And XML）。简单地说，就是使用XMLHTTPRequest对象与服务器通信。它可以使用JSON、XML、HTML、text文本等格式发送和接收数据。AJAX最吸引人的就是它的异步特性，也就是说它可以在不重新刷新页面的情况下与服务器通信，交换数据或更新页面Promise对象用于表示一个异步操作的最终完成（或失败）及其结果值。
Vue中使用axios(Promise)
是日前端
11-15 6105
前端小白简单总结，参考黑马珠峰等课程以及其他内容整合，还望各位大佬多多指教~ 一、axios的使用 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，本质上也是对原生XHR的封装，只不过它是Promise的实现版本，符合最新的ES规范，有以下特点： 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSR.
Axios -- 简单易懂Promise
Masisol
08-15 714
目录 了解Promise Promiseの链式操作及Resolve的用法 Reject的用法 Catch的用法 all的用法 Race的用法 补充 了解Promise Promise ：ES6提供的一个构造函数，处理异步事件。接收了一个参数为函数，传入resolve，reject两个参数。resolve为异步操作成功后执行的回调函数，reject为异步操作失败后执行的回调函数。P...
axios，promise的初步学习记录
weixin_44012722的博客
08-08 473
先附上axios的中文文档地址https://www.kancloud.cn/yunye/axios/234845/234845 相信文档api解释和使用都很清楚了，而我在这介绍的是Promise，因为axios中涉及了promise，现在 我们来弄懂promise是什么 1.promise是什么？ - 主要用于异步计算 - 可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果 - 可以在对象之间传递和操作promise，帮助我们处理队列 ...
Promise和Axios使用
qq_42059717的博客
03-03 1224
笔记来源 尚硅谷尚融宝课程
Promise和axios的使用
qq_20871839的博客
04-19 1410
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 Promise的使用 Promise概念 Promise 是异步编程的一种解决方案：从语法上讲，promise是一个对象，从它可以获取异步操作的消息；通过then方法将嵌套做法转换成连续then，上一个then中返回一个promise实例，这个实例将返回resolve或者reject，以此来确定下一个then中执行的方法。 Promise存在三种状态： 一、Promise存在三种状态 pending(等待态)， fulfiled(成功态.
【学习笔记】Axios、Promise
Eddie_hyh的博客
05-29 1315
Axios、Promise
vue+axios+promise实际开发用法详解
12-11
axios它是基于promise的http库，可运行在浏览器端和node.js中,然后作者尤雨溪也是果断放弃了对其官方库vue-resource的维护，直接推荐axios库，小编我也是从vue-resource转换过来的，差别说不来，我们讲一下axios在实际开发中的用法 axios特点 1.从浏览器中创建 XMLHttpRequests 2.从 node.js 创建 http 请求 3.支持 Promise API 4.拦截请求和响应 （就是有interceptor） 5.转换请求数据和响应数据 6.取消请求 7.自动转换 JSON 数据 8.客户端支持防御 XSRF 安装axios和q
Vue学习笔记(五): 使用axios进行前后端交互
"这篇VUE学习笔记主要介绍了如何在Vue项目中引入并使用axios库进行前后端数据交互。Axios是一个基于Promise的HTTP库，适用于浏览器和node.js环境。在Vue中，通常使用axios来处理HTTP请求，如GET和POST。笔记首先指导...
vue3封装axios+Promise及代理配置
ch_jia_jia的博客
09-03 1074
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
axios介绍以及和Promise相结合使用
瓜皮伦的博客
12-04 8221
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+axios
weixin_52580155的博客
12-08 1017
对axios的详细介绍
Vue3：数据交互（axios）
2301_79526467的博客
05-13 2561
回调函数 1. Promise 　 1.1 简介 　 1.2. 基本用法 　 1.3 Promise catch()用法 　 1.4 async关键字 　 1.5 await关键字 2. Axios 　 2.1 简介 　 2.2 Hello World 　 2.3 Axios get和post方法 　　 get方法 　　 post方法 　 2.4 Axios拦截器
新手小白VUE整理(3) —— 前端模块化,Promise,axios
a35336000的博客
10-30 406
前端模块,Promise,axios基本介绍与使用
Vue番外之如何提取Promise中的数据
二木成林
03-12 2964
提取Promise对象中的数据： axios.get('/url', { params: { id: 1} }).then(res => { // res就是提取的是Promise对象中的值 console.log(res) })
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值