weixin_33690963 2018-04-02 23:33 采纳率: 0%
浏览 40

AJAX中的订单问题

I have the following code that loops through each RSS XML feed URL and render each feed blog entry when it's all finished. On each success ajax call the channel is pushed to xmlDocs array, because ajax is async operation, the result is not in an order I wanted. I can set async: false but this is not a good practice and deprecated across all major browsers. What is a workaround to get this in sync manner? If this is a duplicated question, please point me to the answered question. Many thanks!

for (let url in $urls) {
   if (!$urls.hasOwnProperty(url)) continue;
   feedUrls.unshift($urls[url]);
}

feedUrls.forEach((url) => {
   ajaxRequests.push(
      $.ajax({
         method: "GET",
         url: url,
         success: (xml) => {
            let channel = xml.getElementsByTagName("channel")[0];
            xmlDocs.push(channel);
         },
         error: () => {
            $cxNetworkError.removeClass("x-hidden");
         }
      })
   );
});

$.when.apply(null, ajaxRequests).then(() => {
   createBlogEntry(xmlDocs);
});
  • 写回答

2条回答 默认 最新

  • ?yb? 2018-04-03 08:09
    关注

    You may use counter to make xmlDoc array in sync with ajaxRequests.

    It may look like this (not tested):

    var i = 0; feedUrls.forEach((url) => { ajaxRequests.push( $.ajax({ method: "GET", url: url, success: (xml) => { let channel = xml.getElementsByTagName("channel")[0]; xmlDocs[i++] = channel; // note this! }, error: () => { $cxNetworkError.removeClass("x-hidden"); } }) ); }); ... i = 0; $.when.apply(null, ajaxRequests).then(() => { createBlogEntry(xmlDocs); });

    评论

报告相同问题?

悬赏问题

  • ¥25 matlab数值溢出该怎么解决?
  • ¥15 大家帮我看看为什么错了
  • ¥15 unity互动琴弦抖动效果
  • ¥15 做了个的二极管反向饱和电流测量电路,但是测试达不到效果
  • ¥15 nginx无证书访问https失败
  • ¥15 树莓派启动AP热点传入数据
  • ¥15 multisim中关于74ls192n和DSWPK开关的问题(相关搜索:计数器)
  • ¥15 在误装Windows server2019 后如何利用Windows.old恢复?
  • ¥20 代码实现状态连接包过滤防火墙的设计与实现
  • ¥15 vscode的红色箭头爆红和has no default export报错