Ajax多資料來源使用Promise解決非同步問題

偶爾會處理到需要Ajax不同來源的資料,這時就會需要用promise來解決非同步問題,同時也可以擺脫callback波動拳。

Ajax多資料來源使用Promise解決非同步問題

偶爾會處理到需要Ajax不同來源的資料,這時就會需要用promise來解決非同步問題,同時也可以擺脫callback波動拳。

var ary = []
var url = ['example1.com', 'example2.com', 'example3.com']

$.each(url, (key, val) => {
  ary.push($.getJSON(url))
});

$.when
  .apply($, ary)
  .then((...inputData) => {
    $.each(inputData, (key, val) => {
      // val[0] => url[0] data
      // val[1] => url[1] data
    })
  })