MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/a3e7b5301fea

これは実験段階の機能です。
この機能は複数のブラウザで開発中の状態にあります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザの将来のバージョンで変更になる可能性があることに注意してください。

Fetch APIGlobalFetch ミックスインは、リソース取得のプロセスを開始する GlobalFetch.fetch() メソッドを含みます。

GlobalFetch は、WindowWorkerGlobalScope の両方に実装されています — これは、リソースを取得するほとんどすべてのコンテキストで利用可能であることを意味します。

ネットワークエラーが発生した場合、fetch() promise は TypeError で拒否されますが、通常これは許可の問題、またはそれに類似する問題を意味します。fetch() が成功したかを正確にチェックするには、promise が解決されてから、Response.ok プロパティの値が true かをチェックします。404 HTTP ステータスはネットワークエラーを構成しません。

GlobalFetch は、 検索していたリソースのディレクティブよりも Content Security Policyconnect-src ディレクティブに制御されます。

fetch() メソッドのパラメーターは、Request() コンストラクタと同じものです。

プロパティ

なし

メソッド

GlobalFetch.fetch()
リソースの取得を開始する

basic fetch example例を実際に実行)では、画像を取得するために、fetch をコールして <img> タグで表示しています。画像をリクエストしてから、response に正確な MIME タイプを渡すために Body.blob()Response は body を実装しています)を実行していることに注意してください。

var myImage = document.querySelector('.my-image');
fetch('flowers.jpg').then(function(response) {
  return response.blob();
}).then(function(response) {
  var objectURL = URL.createObjectURL(response);
  myImage.src = objectURL;
});

仕様

仕様 状態 コメント
Fetch
GlobalFetch の定義
現行の標準 初期定義

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 42.0 39 (39)
34[1]
未サポート 29
28[1]
未サポート
ストリーミングレスポンスボディ 43.0 ? ? ? ?
機能 Android Android Webview Firefox Mobile (Gecko) Firefox OS (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
基本サポート 未サポート 42.0 未サポート 未サポート 未サポート 未サポート 未サポート 42.0
ストリーミングレスポンスボディ 未サポート 43.0 ? ? ? ? ? 43.0

[1] この API は、設定しないと使用できません。

関連項目

ドキュメントのタグと貢献者

 このページの貢献者: hamasaki, chikoski, YuichiNukiyama, Sebastianz
 最終更新者: hamasaki,