jQuery Ajax 是一個(gè)非常流行的前端技術(shù),它為我們提供了一種簡單的方式來與后端通信。然而,在一些特定情況下,我們需要為 Ajax 請求添加一些自定義的頭信息,例如授權(quán)信息、Token 等。那么,如何使用 jQuery Ajax 添加頭信息呢?
我們可以使用 jQuery Ajax 的 beforeSend 函數(shù)來實(shí)現(xiàn)添加請求頭的目的。beforeSend 函數(shù)會在發(fā)送 Ajax 請求前執(zhí)行,我們可以在該函數(shù)里面進(jìn)行一些自定義操作,例如添加自定義的請求頭。
$.ajax({ url: "http://example.com/api", type: "GET", beforeSend: function(xhr) { xhr.setRequestHeader("Authorization", "Bearer " + token); // 添加自定義的請求頭 }, success: function(data) { console.log(data); // 處理請求成功的結(jié)果 }, error: function(xhr, status, error) { console.log(error); // 處理請求失敗的錯(cuò)誤信息 } });
在上面的示例中,我們使用了 $.ajax 函數(shù)來發(fā)送一個(gè) GET 請求,并在 beforeSend 函數(shù)中添加了自定義的 Authorization 請求頭,其值為 Bearer+token。如果需要添加多個(gè)請求頭,則可以在 beforeSend 函數(shù)中連續(xù)調(diào)用 xhr.setRequestHeader() 方法。
總之,使用 jQuery Ajax 添加自定義請求頭十分簡單,只需要在 beforeSend 函數(shù)中調(diào)用 xhr.setRequestHeader() 方法即可。這樣,我們就可以輕松地實(shí)現(xiàn)一些定制化需求,例如授權(quán)、Token 等。