V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
OkabeRintaro
V2EX  ›  前端开发

[小白问题] axios 循环请求,响应时间不同,导致数据的排序紊乱

  •  
  •   OkabeRintaro · 2022-04-27 17:34:39 +08:00 · 735 次点击
    这是一个创建于 960 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近在用 VUE 仿写一款小说阅读器,在根据 ID 发送 axios 请求获取小说内容数据的时候,渲染到页面的时候,顺序出现了问题. 用 forEach 遍历这个数组,然后去请求数据,但是每章小说的内容不一样,获取到的时间也不一样,导致章节紊乱......

    arr: [ { id: "111x" },/* 对应的数据是小说的第一章, 至少 2 秒才响应返回数据*/ { id: "222xs" },/* 对应的数据是小说的第二章 至少 5 秒才响应返回数据*/ { id: "333sa" },/* 对应的数据是小说的第三章 至少 3 秒才响应返回数据*/ ... ] ,根据数组 arr 的每个对象的属性 ID 作为参数,循环 axios 请求来获取数据,存入数组, 要求: 最终该数组的数据排序应该是小说的第一章,第二章,第三章......即数据需要按照对象的索引排序

    呜呜,来个大佬帮一下......

    OkabeRintaro
        1
    OkabeRintaro  
    OP
       2022-04-27 17:42:36 +08:00
    OkabeRintaro
        2
    OkabeRintaro  
    OP
       2022-04-27 17:45:44 +08:00
    重发下
    noe132
        3
    noe132  
       2022-04-27 18:03:30 +08:00
    你需要的可能是 Promise.all
    OkabeRintaro
        4
    OkabeRintaro  
    OP
       2022-04-27 18:18:14 +08:00
    这个帖子,图片发不出去 作废吧 这排版看着难受,管理员看到的话 麻烦删除一下该贴
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   890 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 20:54 · PVG 04:54 · LAX 12:54 · JFK 15:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.