Axiosは、このプロセスを管理するための約束を使用し、他の非同期コードとのより良い統(tǒng)合を提供します。 SuperagentのAPIは、標(biāo)準(zhǔn)的な約束パターンに準(zhǔn)拠していません。 これにより、複數(shù)のライブラリまたはカスタム約束を操作するときに、Axiosがより堅牢なオプションになります。 ただし、Superagentは、より広い認(rèn)識と小規(guī)模だが便利なプラグインエコシステムを誇っています（たとえば、URLプレフィックスなど）。 両方のライブラリは、基本的なAPIインタラクション（Get、Post、Put）に優(yōu)れていますが、現(xiàn)代で利用可能なアップロード進(jìn)行追跡などの高度な機(jī)能がありません。 彼らの主な利點は、リクエストの構(gòu)成と実行のための簡潔でチェーン可能なAPIにあります。

インストール：XMLHttpRequest

XMLHttpRequestの例API（ベーカリーオーダー管理）：

この例では、仮説ベーカリーの注文管理API：

• get/orders?start=YYYY-MM-DD&end=YYYY-MM-DD：日付範(fàn)囲內(nèi)で注文を取得します。
• post/orders：新しい注文を作成します。

データはJSON形式で交換されます。 たとえば、3月10日に配達(dá)するために3つのチョコレートと5つのレモンケーキを注文するには（5月4日に注文）：

{
  "chocolate": "3",
  "lemon": "5",
  "delivery": "2015-03-10",
  "placed": "2015-03-04"
}

新しい注文の作成：

これには、HTTPメソッド（post）、url（/orders）、リクエストボディ（注文の詳細(xì)）、およびコンテンツタイプ（application/json）を指定する必要があります。

• superagent：

var request = require('superagent');

request.post('/orders/')
  .send({'chocolate': 2, 'placed': '2015-04-26'})
  .type('application/json')
  .accept('json')
  .end(function(err, res) {
    if (err) {
      console.log('Error!');
    } else {
      console.log(res.body);
    }
  });

• axios：

axios.post(
  '/orders/',
  {
    chocolate: 2,
    placed: '2015-04-26'
  },
  {
    headers: {
      'Content-type': 'application/json',
      'Accept': 'application/json'
    }
  }
)
  .then(function(response) {
    console.log(response.data);
  })
  .catch(function(response) {
    console.log('Error!');
  });

• xmlhttpRequest：

var xhr = new XMLHttpRequest();
xhr.open('POST', '/orders/', true);
xhr.setRequestHeader('Content-type', 'application/json');
xhr.setRequestHeader('Accept', 'application/json');
xhr.onload = function() {
  if (xhr.status >= 200 && xhr.status < 300) {
    console.log(xhr.response);
  } else {
    console.log('Error!');
  }
};
xhr.send(JSON.stringify({chocolate: 2, placed: '2015-04-26'}));

日付範(fàn)囲による注文の取得： これには、クエリパラメーター（

）を追加することが含まれます start end

request.get('/orders')
  .query({start: '2015-04-22', end: '2015-04-29'})
  .accept('json')
  .end(function(err, res) {
    // Handle error and response
  });

axios.get(
  '/orders',
  {
    headers: {
      'Accept': 'application/json'
    },
    params: {
      start: '2015-04-22',
      end: '2015-04-29'
    }
  }
);

var xhr = new XMLHttpRequest();
xhr.open('GET', '/orders?start=' + encodeURIComponent('2015-04-22') + '&end=' + encodeURIComponent('2015-04-29'), true);
// ...rest of the code

AxiosとSuperagentは同様の機(jī)能を提供し、Axiosの約束ベースのアプローチが重要な差別化要因です。 Superagentはより合理化されたAPIを提供しますが、Axiosの約束への順守により、より汎用性が高くなります。 ブラウザ固有のニュアンスを快適に管理する開発者にとって、有効なオプションのままです。 選択は、プロジェクトのニーズと開発者の好みに依存します。 GitHubリポジトリ（入力で提供されていないリンク）には、完全なコードの例が含まれている可能性があります。 入力テキストの殘りの部分は、この出力に簡潔に含まれていないよくある質(zhì)問と回答で構(gòu)成されています。