Fetch API

Window.fetch()

fetch(resource, options)
Window: fetch() メソッド - Web API | MDN

fetch()はWindowのメソッドです。

'Failed to fetch'としてTypeErrorが投げられるならば、CORS (Cross-Origin Resource Sharing) の要件を満たしているか確認します。 CORS-safelisted request header (CORS セーフリストリクエストヘッダー) - MDN Web Docs 用語集 | MDN javascript - Getting "TypeError: Failed to fetch" when the request hasn't actually failed - Stack Overflow

POSTでリクエストするならばoptionsでmethodを'POST'として、bodyでその本体を指定します。GETならばresourceの末尾にクエリを付加します。

async function getData() {
    try {
        const url = 'sample.json';
        const response = await fetch(url);

        if (!response.ok) throw new Error(response.status);

        return await response.json();
    } catch (error) {
        console.error(error.message);
    }
}

Responseインターフェイス

Response - Web API | MDN
メソッド 機能
Response.text() レスポンスの本体をテキストで解決する、Promiseを得られる
Response.json() レスポンスの本体をJSONとして解析した結果で解決する、Promiseを得られる
   

参考

関連ページ

JavaScriptのドキュメントから検索