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

JavaScript と jQuery を使用した Ajax リクエストのカスタム HTTP ヘッダー

カスタム HTTP ヘッダーを Ajax リクエストに追加すると、開発者は送信リクエストに追加情報を添付できるようになります。 JavaScript と jQuery は、このカスタマイズを実現するための多彩なメソッドを提供します。

個々のリクエストにカスタム ヘッダーを追加する

特定のリクエストに HTTP ヘッダーを指定するには、作成時に headers プロパティを利用します。 Ajax 呼び出し:

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

すべてのデフォルトヘッダーの設定リクエスト

$.ajaxSetup() を使用すると、後続のすべての Ajax リクエストに適用できるデフォルト ヘッダーを確立できます。

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

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

// Overwrites the default header with a new header
$.ajax({ url: 'foo/bar', headers: { 'x-some-other-header': 'some value' } });

beforeSend フックを使用してすべてのリクエストにヘッダーを追加する

すべての Ajax リクエストにヘッダーを適用する別のアプローチには、 beforeSend フック:

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

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

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

ajaxSetup に関する注意:

ajaxSetup では、デフォルト ヘッダーの単一セットの設定と beforeSend コールバックの 1 つの呼び出しのみが可能であることに言及する価値があります。複数の ajaxSetup 呼び出しでは、最後に定義されたヘッダーと beforeSend 関数のみが適用されます。

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