如何使用 JavaScript 和 jQuery 將自訂 HTTP 標頭新增至 Ajax 請求？

使用JavaScript 和jQuery 在Ajax 請求中自訂HTTP 標頭

向Ajax 請求新增自訂HTTP 標頭使開發人員能夠將附加資訊到出出站請求。 JavaScript 和 jQuery 提供了多種方法來實作此自訂。

向單一請求新增自訂標頭

要為特定請求指定 HTTP 標頭，請在建立時使用 headers 屬性Ajax呼叫：

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

為所有內容設定預設標頭請求

透過使用$.ajaxSetup()，您可以建立適用於所有後續Ajax 請求的預設標頭：

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

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

// Overwrites the default header with a new header
$.ajax({ url: 'foo/bar', headers: { 'x-some-other-header': 'some value' } });

使用beforeSend Hook向每個請求添加標頭

將標頭應用於所有Ajax 請求的另一種方法涉及beforeSend 鉤子：

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

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

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

ajaxSetup 的注意事項：

值得一提的是，ajaxSetup只允許設定一組預設標頭並呼叫一個 beforeSend 回呼。多次 ajaxSetup 呼叫將導致僅套用最後定義的標頭和 beforeSend 函數。

以上是如何使用 JavaScript 和 jQuery 將自訂 HTTP 標頭新增至 Ajax 請求？的詳細內容。更多資訊請關注PHP中文網其他相關文章！