ajax設(shè)置header指南教程
什么是 AJAX?
AJAX = Asynchronous JavaScript And XML.
AJAX 并非編程語(yǔ)言。
AJAX 僅僅組合了:
瀏覽器內(nèi)建的 XMLHttpRequest 對(duì)象(從 web 服務(wù)器請(qǐng)求數(shù)據(jù))
JavaScript 和 HTML DOM(顯示或使用數(shù)據(jù))
Ajax 是一個(gè)令人誤導(dǎo)的名稱。Ajax 應(yīng)用程序可能使用 XML 來傳輸數(shù)據(jù),但將數(shù)據(jù)作為純文本或 JSON 文本傳輸也同樣常見。
Ajax 允許通過與場(chǎng)景后面的 Web 服務(wù)器交換數(shù)據(jù)來異步更新網(wǎng)頁(yè)。這意味著可以更新網(wǎng)頁(yè)的部分,而不需要重新加載整個(gè)頁(yè)面。
下面介紹下ajax設(shè)置header指南教程,內(nèi)容如下所示:
setting參數(shù) headers
$.ajax({
headers: {
Accept: "application/json; charset=utf-8"
},
type: "get",
success: function (data) {
}
});beforeSend設(shè)置header
$.ajax({
type: "GET",
url: "default.do",
beforeSend: function(request) {
request.setRequestHeader("Test", "Chenxizhang");
},
success: function(result) {
alert(result);
}
});$.ajaxSetup()全局設(shè)置Header請(qǐng)求頭
// 設(shè)置請(qǐng)求默認(rèn)值
$.ajaxSetup({
beforeSend: function (xhr) { //可以設(shè)置自定義標(biāo)頭
// 將token塞進(jìn)Header里
xhr.setRequestHeader('Authorization', 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9');
xhr.setRequestHeader('Content-Type', 'application/json'); // application/x-www-form-urlencoded
},
complete: function (xhr) {
// 設(shè)置登陸攔截
if (xhr.responseJSON.code == "error_unauth") {
console.log("沒有登錄!");
layer.msg("沒有登錄!");
// location.href="login.html" rel="external nofollow" rel="external nofollow" ;
} else {
console.log("已經(jīng)登錄!");
}
},
});或
// 設(shè)置請(qǐng)求默認(rèn)值
$.ajaxSetup({
headers: { // 默認(rèn)添加請(qǐng)求頭
"Authorization": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9" ,
"Content-Type": "application/json"
} ,
complete: function (xhr) {
// 設(shè)置登陸攔截
if (xhr.responseJSON.code == "error_unauth") {
console.log("沒有登錄!");
layer.msg("沒有登錄!");
// location.href="login.html" rel="external nofollow" rel="external nofollow" ;
} else {
console.log("已經(jīng)登錄!");
}
},
});到此這篇關(guān)于ajax設(shè)置header的文章就介紹到這了,更多相關(guān)ajax設(shè)置header內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
前端實(shí)現(xiàn)滑動(dòng)按鈕AJAX與后端交互的示例代碼
這篇文章主要介紹了前端實(shí)現(xiàn)滑動(dòng)按鈕AJAX與后端交互的示例代碼,前端代碼分為html代碼和css代碼,通過js事件觸發(fā),代碼簡(jiǎn)單易懂,對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2022-02-02
AJax實(shí)現(xiàn)類似百度搜索欄的功能 (面試多見)
下面是ajax實(shí)現(xiàn)一個(gè)簡(jiǎn)單的百度搜索欄的功能,當(dāng)用戶在上面的輸入框中鍵入字符時(shí),會(huì)執(zhí)行函數(shù) "showHint()" 。下文通過實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2016-11-11
jquery ajax實(shí)現(xiàn)文件上傳功能實(shí)例代碼
這篇文章主要介紹了jquery ajax實(shí)現(xiàn)文件拖拽上傳功能的實(shí)例代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2018-04-04
基于Ajax技術(shù)實(shí)現(xiàn)文件上傳帶進(jìn)度條
這篇文章主要介紹了基于Ajax技術(shù)實(shí)現(xiàn)文件上傳帶進(jìn)度條的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
ajax請(qǐng)求后臺(tái)得到j(luò)son數(shù)據(jù)后動(dòng)態(tài)生成樹形下拉框的方法
今天小編就為大家分享一篇ajax請(qǐng)求后臺(tái)得到j(luò)son數(shù)據(jù)后動(dòng)態(tài)生成樹形下拉框的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
ajax 動(dòng)態(tài)傳遞jsp等頁(yè)面使用id辨識(shí)傳遞對(duì)象
本文為大家介紹下使用ajax動(dòng)態(tài)傳遞jsp等頁(yè)面,js的jax編寫,使用id辨識(shí)傳遞對(duì)象2014-01-01

