如何使用 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中文網其他相關文章！