Node.js で AJAX リクエストを送信する方法

AJAX テクノロジの発展により、ステータスの更新、新しいデータの取得、または一部の操作の実行のために、サーバーに非同期リクエストを送信する必要があるフロントエンド アプリケーションがますます増えています。 Node.js は、サーバー側で JavaScript を使用して、クライアントから送信された AJAX リクエストに応じてこれらの操作を実行できるようにするフルスタック フレームワークです。この記事では、Node.js で AJAX リクエストを送信する方法を説明します。

1. インストールの依存関係

Node.js には、HTTP リクエストと応答用の組み込み http モジュールがあります。 AJAX テクノロジーを使用するには、Node.js で http.request() メソッドを使用する必要があります。

始める前に、http モジュールをインストールする必要があります。

次のコマンドでインストールできます:

npm install http --save

コマンド ラインで上記のコマンドを使用してインストールすると、http 関連ファイルが次の場所にダウンロードされたことがわかります。プロジェクト。

2. http.request() を使用して AJAX リクエストを送信する

Node.js では、http.request() メソッドを使用して AJAX リクエストを送信できます。このメソッドは、リクエスト URL、リクエスト メソッド、リクエスト ヘッダーなどのリクエストのいくつかのパラメータを設定する options オブジェクトを渡す必要があります。ここでは、例として POST メソッドを使用します。

const http = require('http');

const options = {
  hostname: 'localhost',
  port: 3000,
  path: '/api/add',
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  }
};

const req = http.request(options, res => {
  console.log(`statusCode: ${res.statusCode}`);

  res.on('data', d => {
    process.stdout.write(d)
  });
});

req.on('error', error => {
  console.error(error)
});

req.write('{"name": "John Doe"}');
req.end();

上記のコードは、URL localhost:3000/api/add で POST リクエストをサーバーに送信します。リクエスト ヘッダーには Content-Type とその値が含まれます. は application/json で、リクエスト本文は JSON データ {"name": "John Doe"} です。

3. サードパーティのライブラリを使用して AJAX リクエストを送信する

Node.js には http モジュールが組み込まれていますが、AJAX リクエストを送信するのは非常に面倒ですいくつかの複雑なシナリオでは。したがって、便宜上、axios、request などの優れたサードパーティ ライブラリを使用できます。

その中で、axios はおそらく最も人気のあるライブラリです。ブラウザと Node.js の両方で使用できます。AJAX を簡単に送信できる非常にシンプルな API を提供します。リクエスト。

次のコマンドで axios をインストールできます:

npm install axios --save

コード内で axios を使用します:

const axios = require('axios');

axios.post('http://localhost:3000/api/add', {
    name: 'John Doe'
})
.then(response => {
    console.log(response.data);
})
.catch(error => {
    console.log(error);
});

上記のコードURL に移動します。 POST リクエストが http://localhost:3000/api/add のサーバーに送信され、リクエスト本文は JSON データ {"name "： "ジョン・ドウ"} ＃＃＃。成功したら、サーバーから返されたデータ response.data を出力します。

4. 概要

この記事では、AJAX テクノロジを使用して Node.js でサーバーへの非同期リクエストを開始する方法 (

http モジュールの使用など) を紹介します。 party libraryaxios AJAX リクエストの送信は、Node.js が得意なフロントエンド開発者にとって非常に役立ちます。サードパーティのライブラリはより優れた API を提供するだけでなく、複雑な詳細や特殊なケースの一部も処理してくれるため、サードパーティのライブラリを使用することをお勧めします。

以上がNode.js で AJAX リクエストを送信する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。