首頁  >  文章  >  web前端  >  如何使用 JavaScript 和 jQuery 將自訂 HTTP 標頭新增至 Ajax 請求?

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

DDD
DDD原創
2024-11-24 06:09:14607瀏覽

How to Add Custom HTTP Headers to Ajax Requests in JavaScript and jQuery?

探索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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn