首页 > 其他分享 >react 通过axios获取数据 出现promise为pending——使用await获取Promise对象的PromiseResult

react 通过axios获取数据 出现promise为pending——使用await获取Promise对象的PromiseResult

时间:2022-11-29 14:01:24浏览次数:38  
标签:axios console PromiseResult await 获取数据 Promise reject let log

1.await必须在async定义的方法中使用

let e = await 78910;
console.log(e);

 

react 通过axios获取数据 出现promise为pending——使用await获取Promise对象的PromiseResult_javascript

2.当await右边为一个PromiseState为fulfilled的Promise对象时,则返回其PromiseResult值

async function main() {
let p = new Promise((resolve, reject) => {
resolve(156);
});
let result = await p;
console.log(result);

let p1 = new Promise((resolve, reject) => {
reject(177);
});
try {
let result1 = await p1;
} catch (e) {
console.log(e);
}
}
main();

react 通过axios获取数据 出现promise为pending——使用await获取Promise对象的PromiseResult_微信_02

3.当await右边为为一个PromiseResult为rejected的Promise对象时,需要trycatch获取其PromiseResult

async function main() {
let p = new Promise((resolve, reject) => {
resolve(156);
});
let result = await p;
console.log(result);

let p1 = new Promise((resolve, reject) => {
reject(177);
});
try {
let result1 = await p1;
} catch (e) {
console.log(e);
}
}
main();

react 通过axios获取数据 出现promise为pending——使用await获取Promise对象的PromiseResult_支付宝_03

4.如果await右边为一个非Promise对象,则直接返回右边内容

async function main() {
let e = await 78910;
console.log(e);
}
main();

react 通过axios获取数据 出现promise为pending——使用await获取Promise对象的PromiseResult_javascript_04

 


作者:少帅





标签:axios,console,PromiseResult,await,获取数据,Promise,reject,let,log
From: https://blog.51cto.com/u_15683012/5894925

相关文章

  • axios的封装
    新建network文件夹及request.js  importaxiosfrom'axios'exportfunctionrequest(config){//创建axios实例constinstance=axios.create({......
  • axios请求
    安装npminstallaxios--save axios基本使用axios({url:'http://123.207.32.32:8000/home/multidata',method:'get'//不写默认get方式}).then(res......
  • 后端返回的数据格式有逗号、有等号有括号,数据的key值无法作为依据为前端获取数据,怎么
    后台返回的数据(要么英文,要是数字,不要里面有括号啥【还有逗号、等于号】的,前端系统根本识别不了):           这里做个小插曲,之前取数据的时候写成了......
  • 在vue里配置axios
    一、配置axios请求响应拦截在src/utils/request.jsimportaxiosfrom"axios";//拦截器(请求,响应)//响应axios.interceptors.response.use(res=>{//成功ret......
  • axios
    简介1.什么是axiosAxios是一个基于promise的HTTP库,可以用在浏览器和node.js中2.安装使用npm:$npminstallaxios使用bower:$bowerinstallaxios使......
  • 移动开发----ContentProvider之获取数据
    1.设计目标利用contentprovider获取数据2.实现功能自建一个provider,然后在另一个app中使用resolver调用这个provider。3.代码分析首先,在AS上创建两个新项目,命名为Myr......
  • vue2 axios11 await async 解构赋值 原生axios发起网络请求
    axios:专注发起网络请求的库get传参要params,post传参用data,具体传参看后端怎么写,后端乱写就套麻袋打一顿   post请求简化版:不用await和async时是一个prom......
  • vue3 封装axios
    1添加一个新的http.js文件封装axios 引入axios //引入Axiosimportaxiosfrom'axios'定义一个根地址//视你自己的接口地址而定varroot2='http://121.4.6......
  • vue+axios+ssm解决跨域问题
    环境1.vue-admin-template模板2.axios3.后端java跨域问题解决方案注意:配置了前端解决方案后端可以不用配置,反之后端配置了前端可以不用配置前端解决方案前端采用......
  • vue+axios跨域问题
    环境1.vue-admin-template模板2.axios3.后端java跨域问题解决方案前端vue.config.js文件在module.exports中找到devServer完成如下配置devServer:{port:p......