Fetch を使用して http リクエストを行う

今回は、Fetch を使用して http リクエストを行う際の 注意事項 を​​いくつか紹介します。実際のケースを見てみましょう。

var xhr = new XMLHttpRequest();
xhr.open('GET',url);
xhr.responseType = 'json';
xhr.onload = function(){    console.log(xhr.response);
}
xhr.onerror = function(){    console.log('xhr error');
}
xhr.send();

fetch(url).then(function(response){    return response.json();
}).then(function(data){    console.log(data);
}).catch(function(e){    console.log('error' + e);
});

フェッチ機能

シンプルな構文、より多くの

標準のPromise実装に基づいて、async/awaitをサポート

同型フェッチを使用

フェッチ互換性

サーバーの参照互換性

fetch のネイティブ サポートは高くありませんが、一部のポリフィルは使用できます。

IE8 は es3 構文です。es5 ポリフィルを導入する必要があります: es5-shim プロミス構文をサポートします: es6-promise

fetch のポリフィル: fetch-polyfill

jsonp を使用する場合は、次の導入も必要です: fetch-jsonp

Open babel ランタイムモードでは、async/awaitを使用できます

fetch

フェッチリクエストにはデフォルトではCookieがありません。fetch(url,{credentials: '

'});

を設定する必要があります。サーバーは 400、500 のエラー コードを返します。これは拒否されません。ネットワーク エラーによりリクエストが完了できない場合にのみ拒否されます。 js構文の改善。

React.jsでのCSSの使用法

以上がFetch を使用して http リクエストを行うの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。