js数组中的每一项异步请求

摘要:
对于数组中的每个选项,都会发出一个异步请求,然后在操作返回值Promise之前完成所有请求。allgetInfo=(param)=˃{const{getData}=此。props//getData是接口请求returnnewPromise(resolve=˃{getData({params:{param}}))。然后(result=˃{if(result.statusCode==200){re

数组中的每一个选项,都进行一次异步请求,然后所有请求完成再操作返回值,Promise.all


    getInfo = (param) => {
        const { getData } = this.props // getData为接口请求
        return new Promise(resolve => {
            getData ({
                params: {
                    param
                }
            }).then(result => {
                if (result.statusCode === 200){
                    resolve(result.data)
                } else {
                    resolve({})
                }
            }).catch(() => {
                resolve({})
            })
        })
    }

     getArrayInfo= () => {
         const  inputList = [1,2,3,4]
         const list = []
         inputList.map(item=> {
                 const temp = this.getInfo(item)
                 list.push(temp)
         })
         Promise.all(list).then(res => {
   //res为返回的接口数据,数组形式
           console.log(res)
         })
     }

免责声明:文章转载自《js数组中的每一项异步请求》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇TOMCAT-报错The BASEDIR environment variable is not defined correctly地图距离排序一(mongodb篇)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

openssl3.0 加密算法库编程精要 04 详解 EVP API 消息摘要

4.1 消息摘要的概念   消息摘要有好几个名字,比如单项散列函数,Hash 函数,它是一个将可变长度的输入串转换为一个固定长度的输出 串的函数。大多数消息摘要算法都是公开的,它的安全性依赖于它的单向性,如果仅获取到消息摘要的结果,想要从结果 反推出原文几乎是不可能的事情。并且对于输入串的细微改变,都会引发输出串的雪崩式变化,所以消息摘要一般用于校 验数据...

es6常用方法

一、let 和 constlet 声明变量,只在所在的块区有效,不存在变量提升;var 存在变 量提升const 声明常量,只在所在块区有效 二、变量的解构赋值1.数组的解构赋值let [a, b, c] = [1, 2, 3];// a=1;b=2;c=3 2.对象的解构赋值let { foo, bar } = { foo: "aaa", bar: "b...

JavaScript 如何压缩目录并上传?

在日常工作中,文件上传是一个很常见的功能。在上传文件时,我们可以选择上传单个文件,也可以通过设置multiple属性来上传多个文件。 本文阿宝哥将介绍如何上传目录及如何压缩目录并上传,压缩目录的功能是通过 JSZip 这个库来实现。利用这个库还可以实现在线预览 ZIP 文件的功能,感兴趣的小伙伴可以阅读 JavaScript 如何在线解压 ZIP 文件?这...

前端利器躬行记(7)——自制脚手架

在学习了Webpack基础后,查看别人写好的脚手架总是会一头雾水,后面就上网查各种资料,一边参考一边修改,整出了一套简易的脚手架(已上传至GiuHub和npm上),借鉴了Create React App(CRA)的目录结构(如下所示),并做成了命令行工具(已上传至GiuHub和npm上)。 ├── pwu -------------------------...

export 和export default的使用和区别

我主要是从vue项目使用常量和方法角度取分析,从具体例子出发 (在js中也可以导入其他js中的数据和方法) 涉及到HelloWord.vue和common.js两个文件 一、使用export导出变量和方法 common.js //导出变量(方式1) const myName = '小明' const myEge = '18'export { myNam...

redux-saga入门

redux-sage和redux-thunk类似都是redux的中间件,都用于处理异步操作。redux-saga使用ES6的Generator功能,避免了redux-thunk的回调写法,并且便于测试。 下面展示了最简单是使用示例 import { call, put, takeEvery, takeLatest } from 'redux-saga/ef...