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

JavaScript または jQuery を使用した Ajax リクエストへのカスタム HTTP ヘッダーの追加

Web 開発では、多くの場合、Ajax リクエストにカスタム HTTP ヘッダーを追加することが必要になります。 。 JavaScript または jQuery を使用してこれを行う方法は次のとおりです。

オプション 1: 個別のリクエストにヘッダーを追加する (jQuery)

jQuery を使用して特定のリクエストにカスタム ヘッダーを追加する場合、それを $.ajax() 内の "headers" プロパティに割り当てます。関数:

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

オプション 2: すべてのリクエストのデフォルト ヘッダーを設定する (jQuery)

すべての Ajax リクエストのデフォルト ヘッダーを設定するには、$.ajaxSetup を使用します。 "headers" プロパティを持つ () 関数:

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

その後$.ajax() 呼び出しは、明示的にオーバーライドされない限り、このヘッダーを継承します。

オプション 3: すべてのリクエストにヘッダーを追加する (beforeSend フック)

beforeSend を使用することもできます。 $.ajaxSetup() でフックして、すべてのファイルにヘッダーを追加します。 request:

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

これにより、各リクエストの前にヘッダーを動的に設定できます。

重要な注意事項:

$.ajaxSetup() を使用する場合を呼び出した場合、ヘッダーの最後のセットと最後の beforeSend コールバックのみが実行されることを覚えておくことが重要です。 $.ajaxSetup() を複数回実行します。

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