如何使用 JavaScript 或 jQuery 将自定义 HTTP 标头添加到 Ajax 请求？

使用 JavaScript 或 jQuery 在 Ajax 请求中添加自定义 HTTP 标头

在 Web 开发中，经常需要向 Ajax 请求添加自定义 HTTP 标头。以下是使用 JavaScript 或 jQuery 执行此操作的方法：

选项 1：向单个请求添加标头 (jQuery)

使用 jQuery 将自定义标头添加到特定请求，将其分配给 $.ajax() 中的“headers”属性function:

$.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 Hook）

您还可以将 beforeSend 钩子与 $.ajaxSetup 一起使用() 为每个请求添加标头：

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

这允许您在之前动态设置标头

重要提示：

使用 $.ajaxSetup() 时，请务必记住，只有最后一组标头和最后一个 beforeSend 回调会被如果多次调用 $.ajaxSetup() 则会执行。

以上是如何使用 JavaScript 或 jQuery 将自定义 HTTP 标头添加到 Ajax 请求？的详细内容。更多信息请关注PHP中文网其他相关文章！