JavaScript および jQuery でカスタム HTTP ヘッダーを Ajax リクエストに追加する方法

JavaScript および jQuery リクエストでのカスタム HTTP ヘッダーの探索

質問:

カスタム HTTP ヘッダーを作成または追加するにはどうすればよいですかJavaScript を使用して Ajax リクエストに送信するか、 jQuery?

答え:

JavaScript と jQuery は、Ajax リクエストにカスタム ヘッダーを追加するためのさまざまなオプションを提供します。以下にさまざまなアプローチを示します:

• 個別のリクエスト ヘッダー: 特定のリクエストにヘッダーを追加するには、headers プロパティを使用します:

$.ajax({
    url: 'foo/bar',
    headers: { 'x-my-custom-header': 'some value' }
});

• すべてのリクエストのデフォルトヘッダー: すべてのリクエストにデフォルトのヘッダーを設定するにはリクエストでは、$.ajaxSetup() を使用します:

$.ajaxSetup({
    headers: { 'x-my-custom-header': 'some value' }
});

// Sends your custom header
$.ajax({ url: 'foo/bar' });

• beforeSend Hook for Custom Headers: このメソッドを使用すると、各リクエストの前にヘッダーを追加できます:

$.ajaxSetup({
    beforeSend: function(xhr) {
        xhr.setRequestHeader('x-my-custom-header', 'some value');
    }
});

// Sends your custom header
$.ajax({ url: 'foo/bar' });

追加考慮事項:

• ajaxSetup() では、デフォルト ヘッダーのセットを 1 つだけ定義できます。
• beforeSend を使用すると、ヘッダーを送信する前に複数のヘッダーを設定し、カスタム ロジックを使用できます。リクエスト。

以上がJavaScript および jQuery でカスタム HTTP ヘッダーを Ajax リクエストに追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。