アヤックス、axios、フェッチ、および長所と短所の違い

1、jQueryのAJAX

1  $アヤックス（{
 2     タイプ：' POST ' 、
 3     URL：URL、
 4つの    データ：データ、
 5     データ型：dataTypeと
 6     成功：関数（）{}、
 7     エラー：関数（）{}
 8 }）。

長所と短所：

自体はMVCのためにプログラムされている、MVVMは、フロントエンドの電流波形を満たしていない
フェッチする代替持ち、XHRアーキテクチャ自体は明確ではないが、ネイティブXHRの開発に基づいて
、単純に全体のjQueryの導入を使用する必要があり、jQueryのプロジェクト全体が大きすぎると非常にAJAX不合理（CDNサービスを享受することはできませんパーソナライズされたパッケージングソリューションを取ります）

2、axios

1  axios（{
 2      メソッド：' 後' 、
 3      URL：' /ユーザ/ 12345 ' 、
 4つの     データ：{
 5          のfirstName：' フレッド' 、
 6          lastNameの：' フリントストーン' 
7      }
 8  }）
 9  .then（関数（応答）{
 10      にconsole.log（応答）;
 11  }）
 12。キャッチ（関数（誤差）{
 13      にconsole.log（エラー）;
 14 }）。

長所と短所：

作成されたNode.jsのHTTPリクエストの
サポートの約束APIを
防ぐCSRFへのクライアントのサポートが
同時要求インタフェースの数を提供（重要なのは、操作の多くのために便利）

3、フェッチ

1  トライ{
 2    LET応答=を待つ（URL）フェッチ。
3件の    LETデータ= response.json（）。
4    にconsole.log（データ）。
5 } キャッチ（E）{
 6    はconsole.log（" おっと、エラー" 、E）。
7 }

長所と短所：

でミックス内のオブジェクトを追跡するための懸念、無入力、出力、およびステータスイベントの分離に沿って
より良く、より便利な言葉遣い
（リクエスト、レスポンス）提供もっと根本的な、豊富なAPI
XHRから、ESは新しい実装では当たり前ですモード
1）パッケージ処理するために必要とされる唯一のネットワークへの要求を与え、400、500が成功した要求であるfetchtch
2）をフェッチは、デフォルトのバンドクッキーではありません、あなたは、構成項目を追加する必要がある
3）ABORTがサポートされていないフェッチ、使用して、タイムアウト制御をサポートされていません。 setTimeoutおよびタイムアウト制御は、プロセスを停止しない要求は廃棄物の量引き起こし、バックグラウンドで実行し続けPromise.rejectを達成
XHR 4）ネイティブ要求の進捗状況を監視する方法を取得しないが、缶

axios HTTPクライアントは、自身が次のような特徴を持っているブラウザベースの約束とnodejs、次のとおりです。

ブラウザからのXMLHttpRequestを作成
Node.jsのから発行httpリクエスト
約束のAPIをサポートして
インターセプト要求と応答に
変換要求と応答データの
取消依頼
自動的にJSONデータ変換
CSRF / XSRFを防止するためのクライアントのサポートを

アヤックス、axios、フェッチ、および長所と短所の違い

おすすめ