Jquery如何循环调用ajax?

Question

现在有这样一个需求　比如我有一个数组：

    arr=[

           {    

                id:'84001',

                name:'认真的雪'

            },{    

                id:'84002',

                name:'黄河大道东'

            },{    

                id:'84003',

                name:'体面'

            },{    

                id:'84004',

                name:'断了的弦'

            }, 

    ]

我要通过数组中的id调用API获取到所有音乐的url，如果通过遍历数组调用ajax取到音乐的Ｕｒｌ？

var urlList=[]

arr.forEach((item)=>{

    $.ajax({

    url:'api/v1/getMusicById?id='+item.id,

    type:'get',

    success:(res)=>{

        urlList.push(res.url)

    }

    

    })

})

console.log(urlList)

我起初的想法是这样的　但是这样做肯定有问题　ajax请求是异步的

我想要在遍历完成后　ajax请求也全部完成　然后可以获得一个url列表

请问大家　该怎么实现？

Answer 1

以上都不是正确的做法，正确的做法是让你们后端把url也返回过来，一条数据十几个请求是几个意思？

Answer 2

使用同步就行了async: false,

Answer 3

建议改成post请求请求参数中将所有的id组成一个数组，后端统一返回所有的urlvar urlList=[]var idList = [1,2,3,4,5]$.ajax({    url:'api/v1/getMusicByIds,    type:'post',    data:idList,    success:(res)=>{        urlList = [...res.url]    } })

Answer 4

我觉得是你的需求有问题吧一般需要音乐的url就是在播放的时候需要，而每次都只会同时播放一首歌，那你可以播放的时候执行一次ajax请求去通过id获取url啊

Answer 5

非要这么做的话就设置一个变量index=0；每一次success以后index++，然后判断arr[index]是否有值，有的话继续ajax，递归是个不错的选择

Answer 6

是需求的问题, 这种情况即便功能做出来了 也不太能用 一次发那么多请求 服务器都爆炸了, 改成请求列表