XHRとfetchの書き方を比較

XHRをPromiseでラッピングした関数

コード例

Pre＆Code

fetchをasync,awaitでラッピングした関数

コード例

Pre＆Code
let data1 = [];
let data2 = [];
function fetchData() {
    fetch('http://XXXXX.com/hoge')
        .then(res => res.json())
        .then(data => {
            data1 = data;
            return fetch('http://XXXXX.com/hoge2')
        })
        .then(res => res.json())
        .then(data => data2 = data)
        .then(() => {
            allData = [...data1, ...data2]
            init()
        })
        .catch(err => console.log(err))
        .finally(() => {
          //finallyは成功、失敗に関わらず最後に呼び出される
        })
}

セクション２Item見出し

セクション２Item説明