如何使用 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 自定义标头： 此方法允许您在每个请求之前添加标头：

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

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

额外注意事项：

• 使用 ajaxSetup()，您只能定义一组默认标头。
• beforeSend 可用于设置多个标头，并在发送之前具有自定义逻辑请求。

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