久しぶりにJavaScriptでHTTPリクエスト処理を書こうとしたら、もはや別言語だった件

function main() {
  (async () => {
    try {
      const response = await fetch('/cms/api/csv/upload', createFetchPostData());
      const json = await response.json();
      console.log(json);
    } catch (error) {
      console.log(error);
    }
  })();
}

function createFetchPostData(data = {}) {
  return {
    method: 'POST', // *GET, POST, PUT, DELETE, etc.
    mode: 'cors', // no-cors, cors, *same-origin
    cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
    credentials: 'same-origin', // include, same-origin, *omit
    headers: {
      'Content-Type': 'application/json; charset=utf-8',
      // 'Content-Type': 'application/x-www-form-urlencoded',
    },
    redirect: 'follow', // manual, *follow, error
    referrer: 'no-referrer', // no-referrer, *client
    body: JSON.stringify(data), // 本文のデータ型は 'Content-Type' ヘッダーと一致する必要があります
  };
}

main() // 実行！！

便利なんだろうけど、アロー演算子とかスコープが変わったりするし、うーむ。って感じ。

Bootstrapも5からjQuery無くすっていうし、ネイティブJSがトレンドかなぁと思ったり。