jQuery在header中設(shè)置請(qǐng)求信息的方法
jquery是js的類庫(kù),js本身不能操作header,因?yàn)閖s是在瀏覽器加載頁(yè)面過(guò)程中才開(kāi)始執(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編寫(xiě),它的ajax函數(shù)中,有一個(gè)beforeSend方法,這個(gè)方法接受一個(gè)參數(shù),就代表了發(fā)起異步請(qǐng)求的XMLHttpRequest對(duì)象,我們可以用該對(duì)象的setRequestHeader方法實(shí)現(xiàn)我們的目的
為什么要setRequestHeader?
比如,在及時(shí)通信系統(tǒng)中,每次獲取消息或者發(fā)送消息,都需要去判斷這個(gè)用戶是否還在連線中,通過(guò)設(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)單,首先如果是常見(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 中沒(méi)有的 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 屬性,直接寫(xiě) Accept 的內(nèi)容是什么。
$.ajax({
headers: {
Accept: "application/json; charset=utf-8"
},
type: "get",
success: function (data) {
}
});
以上所述是小編給大家介紹的jQuery在header中設(shè)置請(qǐng)求信息的方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
jQuery實(shí)現(xiàn)簡(jiǎn)單日歷效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單日歷效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-07-07
Jquery節(jié)點(diǎn)遍歷next與nextAll方法使用示例
next()方法用于獲取“節(jié)點(diǎn)之后”挨著它的第一個(gè)“同類同輩”元素。nextAll()方法用于獲取“節(jié)點(diǎn)之后”所有的元素2014-07-07
JQuery動(dòng)畫(huà)animate的stop方法使用詳解
這篇文章主要介紹了JQuery動(dòng)畫(huà)animate的stop方法使用,需要的朋友可以參考下2014-05-05
JQuery中使文本框獲得焦點(diǎn)的方法實(shí)例分析
這篇文章主要介紹了JQuery中使文本框獲得焦點(diǎn)的方法,實(shí)例分析了jQuery針對(duì)文本框獲得焦點(diǎn)的技巧,需要的朋友可以參考下2015-02-02
jQuery內(nèi)置的AJAX功能和JSON的使用實(shí)例
通過(guò)jQuery內(nèi)置的AJAX功能,訪問(wèn)后臺(tái)獲得JSON格式的數(shù)據(jù),然后通過(guò)jQuer把數(shù)據(jù)直接在頁(yè)面上顯示,需要的朋友可以參考下2014-07-07
jquery使用$(element).is()來(lái)判斷獲取的tagName
這篇文章主要介紹了jquery使用$(element).is()來(lái)判斷獲取的tagName以及將取到標(biāo)簽用作到別的地方,需要的朋友可以參考下2014-08-08
jQuery中event.target和this的區(qū)別詳解
這篇文章主要介紹了jQuery中event.target和this的區(qū)別詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
一個(gè)簡(jiǎn)單的動(dòng)態(tài)加載js和css的jquery代碼
動(dòng)態(tài)加載js和css的jquery,可用于在生成頁(yè)面時(shí)通過(guò)js函數(shù)加載一些共通的js和css文件,需要的朋友可以參考下2014-09-09

