axios返回promise - 腾讯云开发者社区

文章/答案/技术大牛

发布

promise & axios & async_await 关于 Promise

： 1.类方法（静态方法）： (1)resolved：成功状态返回一个 Promise 对象； (2)reject：失败状态返回一个Promise 对象； (3)race：多个 Promise 任务同时执行...，返回最先执行结束的 Promise 任务的结果，不管这个 Promise 结果是成功还是失败； (4)all：如果全部成功执行，则以数组的方式返回所有 Promise 任务的执行结果，如果有错误就返回...then式链式写法的本质其实是一直往下传递返回一个新的Promise，也就是说then在下一步接收的是上一步返回的Promise，理解这个对于后面的细节非常重要！！...axios本身就是一个promise。...网上很多都是把axios外面又套一层promise那是不科学或者没有理解axios的本质的做法，要知道：axios是promise封装的，本质就是一个promise，所以没必要去套一层promise

1.9K2 0

nodejs -- promise的返回

[javascript] view plain copy const a = async () => { return Sequelize.findAll({}) //这里返回一个promise...; //这样就能拿到数据了 } OR [javascript] view plain copy const a = async () => { return new Promise...OR [javascript] view plain copy const a = async () => { return Sequelize.findAll({}) //这里返回一个...promise } a().then(result=>{ console.log(result) //拿到了数据 })

1.8K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

Ajax,Promise,Fetch,Axios的区别

Ajax,Promise,Fetch,Axios的区别说起他们的区别我们首先要知道，js中什么是同步执行和异步执行？...Promise 为了解决一部带来的问题，js推出新对象promise，专门用来存储异步代码对象，他可以确保异步代码的执行和返回结果 Promise的回调函数可以指定两个参数 resolve :在代码正常执行时...，来设置返回值的 reject(可选) :在代码执行出错时，用来设置错误信息，反正我不用，用catch更优雅当Promise中的代码正常执行时，会通过then方法回调来返回结果，直接抛出异常非正常执行则不会执行...Axios 非官方的发送异步请求的库，基于promise，需要自己引入，可以更好地封装，使用范围广，更方便 document.querySelector("button").addEventListener...√专门为异步提供支持Fetch√官方库，基于Promise，可以直接用来发送请求Axios×第三方，基于Promise，需要引入，能更好的封装

2.7K3 0

await axios竟然返回undefined？（已解决）

现象昨天写vue的时候，使用await axios 竟然返回了undefined？...from 'axios'; export const baseURL = 'http://localhost'; // 创建axios实例 const http = axios.create({...// 未授权，跳转到登录页面 // window.location.href = '/login'; }, 1500); } return Promise.reject...的请求是，先由axios实例发出，请求拦截器拦截，响应拦截器拦截，返回到axios实例深入到响应拦截器中，逐个探查 response => { return response.data; }, 在这里...，发现response.data不是一个响应对象，response才是正确的响应对象，响应拦截器将一个非响应对象返回给axios实例，await解析出来就是undefined 解决方案将 return

3.2K2 0

axios : Promise based HTTP client for the browser and node.jsaxios

axios Promise based HTTP client for the browser and node.js Features Make XMLHttpRequests from the browser...Make http requests from node.js Supports the Promise API Intercept request and response Transform request...If `validateStatus` returns `true` (or is set to `null` // or `undefined`), the promise will be resolved...; otherwise, the promise will be // rejected....Promises axios depends on a native ES6 Promise implementation to be supported.

1.1K2 0

Promise 与 Axios 的一些学习心得记录

学习心得 Promise then：里面有两个回调 promise原型上提供了 then catch finally 三个方法，使用这几个方法都会返回一个全新的 Promise 实例，这个 Promise...如果后面再来一个 .then，那么它执行哪个回调以及它的 Value 值，是取决于上一个.then的回调是否执行成功和返回的 Value 值的（特殊情况：如果其方法中返回的是一个新的Promise实例，...Fulfilled，也接受并返回了Value值 return x*10 },function onRejected(y) { }).then(function onFulFilled(x) {...的Value值[ VALUE1,VALUE2 ...] }) Primise.race：看Promise实例中谁先得到最后的状态，最后就以它的状态和Value为主 Axios 它比Jquer中的AJAX...(reason) }] // => 发送各种请求以及使用axios.all处理并行 axios.get(URL,{ params: { } }).then(data => { })

2331 0

then, catch, finally如何影响返回的Promise实例状态

返回的新Promise实例p1的状态会取决于p2。...如果.catch(onRejected)的onRejected回调中返回了一个状态为rejected的Promise实例，那么.catch返回的Promise实例的状态也将变成rejected。...你可以通过修改以下代码中的注释部分来验证，不同的返回值对于finally返回的Promise实例的状态的影响。...如果回调函数的返回值是一个状态为rejected的Promise实例，那么.then, .catch或.finally返回的Promise实例的状态就是rejected。...如果回调函数的返回值是一个还未决议的Promise实例p2，那么.then, .catch或.finally返回的Promise实例p1的状态取决于p2的决议结果。

1.9K1 0

前端axios下载excel，并解决axios返回header无法获取所有数据的问题

需求：通过后端接口下载excel文件，后端没有文件地址，返回二进制流文件实现：axios(ajax类似) 主要代码： axios：设置返回数据格式为blob或者arraybuffer 如：...var instance = axios.creat({ ......//一些配置 responseType: 'blob', //返回数据的格式，可选值为arraybuffer,blob,document,json,text,stream，默认值为json...}) 请求时的处理：　　getExcel().then(res => { 　　//这里res.data是返回的blob对象　　var blob = new Blob...　　window.URL.revokeObjectURL(href); //释放掉blob对象　}) ps：在下载的过程中，会有一个文件名的问题;这里后端把它放到了header里面，但是axios

4.9K6 0

vue填坑记录：axios 返回中文乱码问题

":0,"hero_type":3,"skin_name":"正义爆轰|地狱岩魂"}]'; echo iconv('gbk','utf-8',$hero);exit(); } 返回的是...\u8272\u6b7b\u795e|\u72f0"}] 浏览器看到的是如下response head charset.png 奇怪的是，，，在pc浏览器上，一切正常，axios

15.2K5 0

JavaScript手写Promise、Promise.then()、Promise.all()、Promise.race()

then方法返回一个新的Promise实例，为了在Promise状态发生变化时再执行then里的函数，我们使用一个callbacks数组先把传给then的函数暂存起来，等状态改变时再调用那么，怎么保证后一个...，在这个resolve里会依次调用callbacks里的回调，这样就执行了then里的方法启后：上一步中，当then里的方法执行完成后，返回一个结果，如果这个结果是个简单的值，就直接调用新Promise...如果返回的结果是个Promise，则需要等它完成之后再出发新Promise的resolve，所以可在其结果的then里调用新Promise的resolve then(onFulfilled, onReject...break; } }); }; 注意：连续多个then里的回调方法是同步注册的，但注册到了不同的callbacks数组中，因为每次then都返回新的...接口的对象作为参数这个方法返回一个新的Promise对象遍历传入的参数，用Promise.resolve()将参数“包一层”,使其变成一个Promise对象参数所有回调成功才是成功，返回值数组与参数顺序一致

1.3K1 0

axios

axios 是 Vue 推荐的一款基于 Promise 的 AJAX 组件。所以我们在使用 Vue 进行项目开发时一般都使用这个库来执行 AJAX 请求。...发送请求 axios.get(url[,config])：发送GET请求 axios.post(url,data)：发送POST请求 axios.put(url,data[,config])：发送PUT...[,config])：发送PATCH请求 axios.head(url[,config])：发送HEAD请求 axios.request(config)：发送各种请求 Promise Promise对象中提供了两个方法...then 和 catch： then：请求执行成功时调用 catch：请求失败时调用// 执行请求返回 Promise 对象 var ajax = axios.get('https://api.myjson.com...(error); }); // 当服务器返回数据时执行的代码 axios.interceptors.response.use(function (response) { // 请求成功时

1.8K2 0

基于promise用于浏览器和node.js的http客户端的axios

axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求支持...Promise API 拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止 CSRF/XSRF axios中文文档：https://blog.csdn.net/qq..._36538012/article/details/81942990 axios-w3cschool-菜鸟教程：http://www.27900.com/axios Vue 官方建议用 axios...--save 2.在main.js下引用axios import axios from 'axios' 一切环境依赖搭建好之后下面来写个例子：axios请求本地json 1：在static文件夹底下新建...图片.png { "name":"wnagxiaoting", "age":24 } 3：写一个axios getData() { axios.get('.

1.5K2 0

axios

Axios 对原生的AJAX进行封装，简化书写。 Axios官网是：https://www.axios-http.cn 1....基本使用 axios 使用是比较简单的，分为以下两步：引入 axios 的 js 文件 axios-0.18.0.js"> 使用axios 发送请求，...如下： get 请求： axios.get(url[,config]) delete 请求： axios.delete(url[,config]) head 请求： axios.head...(url[,config]) options 请求： axios.option(url[,config]) post 请求：axios.post(url[,data[,config]) ...put 请求：axios.put(url[,data[,config]) patch 请求：axios.patch(url[,data[,config]) 而我们只关注get 请求和 post

6711 0

axios

axios 基本使用增删改查，get查，post增，put改，delete查点我点我2<...='POST' axios.defaults.baseURL='http://localhost:3000' 拦截器 //增加一个请求拦截器 axios.interceptors.request.use...function (error) { // Do something with request error console.log("请求拦截器失败") return Promise.reject...to trigger console.log("响应拦截器成功") // Do something with response error return Promise.reject...(error); }); axios({ method:'GET', url: 'http://localhost:3000/posts' })

1.7K1 0

Promise

Promise构造函数执行时立即调用executor函数，resolve和reject两个函数作为参数传递给executor(executor函数在Promise返回所建promise实例对象前被调用)...---- 2.描述 promise对象是一个代理对象（代理一个值），被代理的值在Promise对象创建时可能是未知的。它允许你对异步操作的成功和失败分别绑定对应的处理方法。...这让异步方法可以像同步方法那样返回值，但并不是立即返回最终执行结果，而是一个能代表未来出现的结果的promise对象。...一个promise有以下几种状态： pending ：初始状态 fulfilled：操作成功完成 rejected: 操作失败 ---- 3.创建Promise 想要某个函数拥有promise函数...，只需让其返回一个promise即可 function myAsyncFun(url){ return new Promise((resolve, reject)=>{ const xhr

8672 0

Promise

Promise.png Promise Promise 的含义 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大对象的状态不受外界影响。...p1、p2、p3的返回值组成一个数组，传递给p的回调函数。...（2）只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。...Promise 实例参数是一个thenable对象参数不是具有then方法的对象，或根本就不是对象不带有任何参数 Promise.reject() Promise.reject(reason)方法也会返回一个新的...使用 Generator 函数管理流程，遇到异步操作的时候，通常返回一个Promise对象。

8933 0

Axios入门与源码解析

, 返回 promise dispatchRequest(config): 转换请求数据 ===> 调用 xhrAdapter()发请求 ===> 请求返回后转换响应数据....返回 promise xhrAdapter(config): 创建 XHR 对象, 根据 config 进行相应设置, 发送特定请求, 并接收响应数据, 返回 promise 流程图:...(config): 将请求拦截器 / dispatchRequest() / 响应拦截器通过 promise 链串连起来, 返回 promise dispatchRequest(config):...返回 promise xhrAdapter(config): 创建 XHR 对象, 根据 config 进行相应设置, 发送特定请求, 并接收响应数据, 返回 promise ...//发送请求 function dispatchRequest(config){ //返回一个promise 队形 return new Promise

3.4K3 0

使用async和await封装axios

在最近的vue开发中ajax库选择了axios，需要根据回调函数的参数执行一个很长的代码块，执行函数加上axios参数代码量非常大不便于后期的优化和代码维护，于是我上网寻求axios异步的放法，被告知axios...是promise返回值没有同步，如果代码量大可以尝试自行封装，于是研究了async和await ES6Promise： new Promise(function (resolve, reject) {...{ console.log(res);//"a" }) Copy JavaScript test函数加上async会被转化为promise其中的return返回值就是then函数的参数 await...只能使用在promise中（包括async的返回函数）其用途和他的中文含义差不多：等待，意思是必须等到加await的函数结束promise才会继续执行 import axios from 'axios'...将 createType转化为promise 设置变量data准备作为返回值为axios函数添加await等待axios完全执行完createType才会返回data变量请求成功后将axios的请求值赋值给变量

2K1 0

Vue前端交互

then是一个函数，这个函数是有返回值的。 1）、返回Promise实例对象，返回的该实例对象会调用下一个then。...，返回的是一个Promise对象，将它返回，然后通过下一个then得到具体的数据。...promise对象，直接将它返回，通过下一个then得到最终的数据 13 // text()方法属于fetchAPI的一部分，它返回一个Promise实例对象，用于获取后台返回的数据...axios官网，https://github.com/axios/axios，是一个基于Promise用于浏览器核node.js的http客户端。 1）、支持浏览器核node.js。...2）、async关键字用于函数上，async函数的返回值是Promise实例对象。async的返回值还是Promise的值。

3.4K1 1

高级 Promise 模式 - Promise缓存

我们将通过介绍基于 Singleton Promise 模式的 Promise Memoization 模式来做到这一点。...; }; 非常相似，但是我们没有 await 发出网络请求，而是将其 Promise 放入缓存中，然后将其返回给调用方。注意，我们不需要声明我们的方法 async ，因为它不再调用 await 。...我们的方法签名虽然没有改变我们仍然返回一个 promise ，但是我们是同步进行的。...给定我们已经看到的输入后，我们只返回存储的结果（恰好是一个Promise）。因此，记住我们的异步方法可以使我们在没有竞争条件的情况下进行缓存。...如果我们的内存实现已缓存了被拒绝的 Promise ，则所有将来的调用都将以同样的失败 Promise 被拒绝！

1.8K2 0

点击加载更多

promise & axios & async_await 关于 Promise

nodejs -- promise的返回

Ajax,Promise,Fetch,Axios的区别

await axios竟然返回undefined？（已解决）

axios : Promise based HTTP client for the browser and node.jsaxios

Promise 与 Axios 的一些学习心得记录

then, catch, finally如何影响返回的Promise实例状态

前端axios下载excel，并解决axios返回header无法获取所有数据的问题

vue填坑记录：axios 返回中文乱码问题

JavaScript手写Promise、Promise.then()、Promise.all()、Promise.race()

axios

基于promise用于浏览器和node.js的http客户端的axios

axios

axios

Promise

Promise

Axios入门与源码解析

使用async和await封装axios

Vue前端交互

高级 Promise 模式 - Promise缓存

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐