fetch() の概要 | Articles | web.dev

長い XMLHttpRequest fetch() を使用すると、XMLHttpRequest（XHR）と同様のネットワーク リクエストを行うことができます。主な違いは、Fetch API では Promise を使用する点です。これにより、よりシンプルでクリーンな API が有効になり、コールバックの地獄が回避され、XMLHttpRequest の複雑な API を記憶する必要がなくなります。 Fetch API は Chrome 40 以降、Service Worker グローバル スコープで使用できますが、Chrome 42 ではウィンドウ スコープで有効になる予定です。現在使用できる、比較的取得性の高い GitHub によるポリフィルもあります。 Promise を初めて使用する場合は、JavaScript Promise の概要をご覧ください。 基本的な取得リクエスト まず、XM