Js两个异步请求 同步合并数据

时间: 2019-09-08阅读: 466标签: 请求

业务代码经常会有 两个不一样的请求,拿到数据后合并成新数组的操作。 但是在异步请求中我们不知道哪个请求的回调更快返回,从而使代码的合并时间无法确定。这就需要在两个异步请求都完成后再做数据处理。


展示代码 

//定义两个http请求方法
const getList1 = ()=>{
        return new Promise((res,rej) =>{
            //省去get方法获取过程
            .then((json) => resolve(json))
        })
}
    
const getList2 = ()=>{
        return new Promise((res,rej) =>{
            //省去get方法获取过程
            .then((json) => resolve(json))
        })
}
    
Promise.all([getList1(),getList2()]).then(value => {
        //第一个请求的数据
        const x = value[0];
        
        //第二个请求的数据
        const y = value[1];
        
        //合并操作
        for(const i of x){
            for(const k of y){
              //Todo
            }
        }
})


 

吐血推荐

1.站长广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入...

2.休闲娱乐: 直播/交友    优惠券领取   网页游戏   H5游戏

链接: http://www.fly63.com/article/detial/5262

axios如何取消重复请求

在开发中,经常会遇到接口重复请求导致的各种问题。对于重复的get请求,会导致页面更新多次,发生页面抖动的现象,影响用户体验。对于重复的post请求,会导致在服务端生成两次记录(例如生成两条订单记录)。

GET,POST,PUT,DELETE,OPTIONS等请求方式简单总结

之前做web项目,基本上只使用get和post的请求方式,但是现在新项目额外增加了put,delete,查了点资料,做个简单的总结。get请求是用来获取数据的,只是用来查询数据,不对服务器的数据做任何的修改

ajax、axios、fetch之间的详细区别以及优缺点

将jQuery的ajax、axios和fetch做个简单的比较,所谓仁者见仁智者见智,最终使用哪个还是自行斟酌,axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:

如何写一个像axios那样牛叉的请求库

前端开发中,经常会遇到发送异步请求的场景。一个功能齐全的 HTTP 请求库可以大大降低我们的开发成本,提高开发效率。axios 就是这样一个 HTTP 请求库,近年来非常热门。目前,它在 GitHub 上拥有超过 40,000 的 Star

JavaScript中发出HTTP请求最常用的方法

JavaScript具有很好的模块和方法来发送可用于从服务器端资源发送或接收数据的HTTP请求。在本文中,我们将介绍一些在JavaScript中发出HTTP请求的流行方法。

ajax中options请求的理解

这个概念听着有点耳生,嗯是我自己这么说的。我们可以把浏览器自主发起的行为称之为“浏览器级行为”。之所以说options是一种浏览器级行为,是因为在某些情况下,普通的get或者post请求回首先自动发起一次options请求

axios取消某个发送的http请求和响应

用户在点击购买或者其他操作的时候,http响应比较慢,在没有收到反馈前,用户点击返回或者跳转到其他页面时,中断当前页面的请求和响应

node.js含有%百分号时,发送get请求时浏览器地址自动编码的问题

目前浏览器会对地址,进行编码,比如这个文件名:在发到后台时,会自动编码成:不过如果文件名中含有%百分号,编码过程则会出现问题,如

HTTP请求报文和响应报文

GET:请求获取Request—URL所标识的资源,POST:在Request—URL所标识的资源后附加资源,HEAD:请求获取由Request—URL所标识的资源的响应消息报头,PUT:请求服务器存储一个资源,由Request—URL作为其标识

nginx是怎么处理http请求的?

nginx首先决定要用配置文件里的哪个server{}块来处理,假设有下面的server{}配置;nginx会根据过来的http请求头里的Host字段里的值,来判断使用哪个server{}。

fly63.com版权所有,内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权,请与小编联系!情况属实本人将予以删除!

文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全