如何在 JavaScript 或 jQuery 中為 Ajax 請求自訂 HTTP 標頭？

使用JavaScript 或jQuery 自訂HTTP 標頭

在Ajax 開發領域，新增或操作自訂HTTP 標頭的能力通常對於與遠端服務整合或整合至關重要。增強資料傳輸。為了滿足這項需求，JavaScript 和 jQuery 提供了通用的解決方案，使開發人員能夠根據特定要求自訂標頭。

個人化請求自訂

當您希望向特定 Ajax 要求新增自訂標頭時，請利用 $.ajax() 函數中的 headers 屬性。透過指定鍵值對，您可以定義所需的標頭。

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

預設標頭配置

要建立套用於所有後續 Ajax 要求的預設標頭，請使用 $.ajaxSetup()方法。這允許對標頭進行全域定義，並將其自動附加到每個請求。

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

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

請注意，單一請求中定義的任何標頭都會覆蓋預設標頭。

預先要求與 beforeSend 掛鉤

或者，您可以利用 $.ajaxSetup() 中的 beforeSend 掛鉤來動態修改每個先前的標頭 要求。此鉤子提供了對標頭操作的更大靈活性和控制。

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

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

請記住，多次呼叫 ajaxSetup() 將只套用最後一組預設標頭並執行最後一個 beforeSend 回呼。

以上是如何在 JavaScript 或 jQuery 中為 Ajax 請求自訂 HTTP 標頭？的詳細內容。更多資訊請關注PHP中文網其他相關文章！