jQuery在header中設(shè)置請(qǐng)求信息的方法
jquery是js的類庫，js本身不能操作header，因?yàn)閖s是在瀏覽器加載頁面過程中才開始執(zhí)行的header需要服務(wù)器端執(zhí)行操作
如果是ajax，是可以設(shè)置header
$.ajax({
url: "",
data: {},
type: "GET",
beforeSend: function(xhr){xhr.setRequestHeader('X-Test-Header', 'test-value');},//這里設(shè)置header
success: function() {}
});
也就是setRequestHeader函數(shù)
如何在ajax請(qǐng)求中設(shè)置特殊的RequestHeader
現(xiàn)在ajax應(yīng)用已經(jīng)相當(dāng)廣泛了，有很多不錯(cuò)的ajax框架可供使用。ajax是一個(gè)異步請(qǐng)求，也主要是一種客戶端的腳本行為。那么，如何在請(qǐng)求之前為請(qǐng)求添加特殊的一些頭部信息呢？
下面是一個(gè)簡(jiǎn)單的例子，我用jQuery編寫，它的ajax函數(shù)中，有一個(gè)beforeSend方法，這個(gè)方法接受一個(gè)參數(shù)，就代表了發(fā)起異步請(qǐng)求的XMLHttpRequest對(duì)象，我們可以用該對(duì)象的setRequestHeader方法實(shí)現(xiàn)我們的目的
為什么要setRequestHeader？
比如，在及時(shí)通信系統(tǒng)中，每次獲取消息或者發(fā)送消息，都需要去判斷這個(gè)用戶是否還在連線中，通過設(shè)置"accessToken"，就可以實(shí)現(xiàn)正常通信；
beforeSend: function(request) {
request.setRequestHeader("accessToken", accessToken);
},
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(function() {
$("#test").click(function() {
$.ajax({
type: "GET",
url: "default.aspx",
beforeSend: function(request) {
request.setRequestHeader("Test", "Chenxizhang");
},
success: function(result) {
alert(result);
}
});
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="v">
</div>
<input type="button" value="測(cè)試" id="test" />
</form>
</body>
</html>
jQuery.ajax() 如何設(shè)置 Headers 中的 Accept 內(nèi)容
其實(shí)很簡(jiǎn)單，首先如果是常見類型，則請(qǐng)直接設(shè)置 dataType 屬性
$.ajax({
dataType: "json",
type: "get",
success: function (data) {
}
});
設(shè)置 dataType 后，會(huì)去 accepts 屬性（此屬性會(huì)預(yù)置一些常用類型）中直接拿相應(yīng)的類型添加到 Accept 中。
)%X02M](8[BKGW21{EY{0GD
如果想自己自定義 jQuery 中沒有的 Accept 內(nèi)容，可以手動(dòng)設(shè)置 accepts 屬性，使用 鍵值對(duì) 存儲(chǔ)，然后再設(shè)置 dataType 屬性為剛剛自定義的鍵。
$.ajax({
accepts: {
xxx: "application/xxx"
},
dataType: "xxx",
type: "get",
success: function (data) {
}
});
當(dāng)然還可以直接設(shè)置 headers 屬性，直接寫 Accept 的內(nèi)容是什么。
$.ajax({
headers: {
Accept: "application/json; charset=utf-8"
},
type: "get",
success: function (data) {
}
});
以上所述是小編給大家介紹的jQuery在header中設(shè)置請(qǐng)求信息的方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了jQuery事件委托之Safari 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
jQuery iScroll.js 移動(dòng)端滾動(dòng)條美化插件
這篇文章主要介紹了jQuery iScroll.js 移動(dòng)端滾動(dòng)條美化插件的相關(guān)資料,需要的朋友可以參考下2016-02-02
jQuery學(xué)習(xí)筆記 操作jQuery對(duì)象 文檔處理
HTML文檔的層次關(guān)系是樹型的，每個(gè)標(biāo)簽可視為樹的各個(gè)節(jié)點(diǎn)。若操作jQuery對(duì)象，使得HTML文檔的結(jié)構(gòu)發(fā)生了改變，就叫做文檔處理2012-09-09
這篇文章主要介紹了jQuery常用且重要方法匯總的相關(guān)資料,需要的朋友可以參考下2015-07-07
使用jquery獲取url以及jquery獲取url參數(shù)的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄褂胘query獲取url以及jquery獲取url參數(shù)的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
jQuery 開發(fā)之EasyUI 添加數(shù)據(jù)的實(shí)例
這篇文章主要介紹了jQuery 開發(fā)之EasyUI 添加數(shù)據(jù)的實(shí)例的相關(guān)資料,希望通過本文能幫助到大家，讓大家理解掌握這部分內(nèi)容，需要的朋友可以參考下2017-09-09
這篇文章主要介紹了jQuery解析Json的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery針對(duì)json的常用解析與轉(zhuǎn)換技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
jQuery實(shí)現(xiàn)的簡(jiǎn)單拖拽功能示例【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡(jiǎn)單拖拽功能,涉及jQuery基于事件響應(yīng)及頁面元素屬性動(dòng)態(tài)操作實(shí)現(xiàn)拖拽功能的相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
今天遇到一個(gè)有意思的問題，jquery有兩個(gè)函數(shù)parent()和parents().通過這兩個(gè)函數(shù)可以找到一個(gè)對(duì)象的父對(duì)象，又稱作jquery的選擇器。2010-11-11
jQuery實(shí)現(xiàn)簡(jiǎn)易商城系統(tǒng)項(xiàng)目實(shí)操
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)易商城系統(tǒng)項(xiàng)目實(shí)操，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，感興趣的小伙伴可以參考一下2022-06-06