jQuery在header中設(shè)置請求信息的方法
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請求中設(shè)置特殊的RequestHeader
現(xiàn)在ajax應(yīng)用已經(jīng)相當(dāng)廣泛了,有很多不錯的ajax框架可供使用。ajax是一個異步請求,也主要是一種客戶端的腳本行為。那么,如何在請求之前為請求添加特殊的一些頭部信息呢?
下面是一個簡單的例子,我用jQuery編寫,它的ajax函數(shù)中,有一個beforeSend方法,這個方法接受一個參數(shù),就代表了發(fā)起異步請求的XMLHttpRequest對象,我們可以用該對象的setRequestHeader方法實(shí)現(xiàn)我們的目的
為什么要setRequestHeader?
比如,在及時通信系統(tǒng)中,每次獲取消息或者發(fā)送消息,都需要去判斷這個用戶是否還在連線中,通過設(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="測試" id="test" /> </form> </body> </html>
jQuery.ajax() 如何設(shè)置 Headers 中的 Accept 內(nèi)容
其實(shí)很簡單,首先如果是常見類型,則請直接設(shè)置 dataType 屬性
$.ajax({ dataType: "json", type: "get", success: function (data) { } });
設(shè)置 dataType 后,會去 accepts 屬性(此屬性會預(yù)置一些常用類型)中直接拿相應(yīng)的類型添加到 Accept 中。
)%X02M](8[BKGW21{EY{0GD
如果想自己自定義 jQuery 中沒有的 Accept 內(nèi)容,可以手動設(shè)置 accepts 屬性,使用 鍵值對 存儲,然后再設(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è)置請求信息的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
Jquery節(jié)點(diǎn)遍歷next與nextAll方法使用示例
next()方法用于獲取“節(jié)點(diǎn)之后”挨著它的第一個“同類同輩”元素。nextAll()方法用于獲取“節(jié)點(diǎn)之后”所有的元素2014-07-07JQuery中使文本框獲得焦點(diǎn)的方法實(shí)例分析
這篇文章主要介紹了JQuery中使文本框獲得焦點(diǎn)的方法,實(shí)例分析了jQuery針對文本框獲得焦點(diǎn)的技巧,需要的朋友可以參考下2015-02-02jQuery內(nèi)置的AJAX功能和JSON的使用實(shí)例
通過jQuery內(nèi)置的AJAX功能,訪問后臺獲得JSON格式的數(shù)據(jù),然后通過jQuer把數(shù)據(jù)直接在頁面上顯示,需要的朋友可以參考下2014-07-07jquery使用$(element).is()來判斷獲取的tagName
這篇文章主要介紹了jquery使用$(element).is()來判斷獲取的tagName以及將取到標(biāo)簽用作到別的地方,需要的朋友可以參考下2014-08-08jQuery中event.target和this的區(qū)別詳解
這篇文章主要介紹了jQuery中event.target和this的區(qū)別詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08