快捷導(dǎo)航

ajax設(shè)置header指南教程

更新時(shí)間：2023年10月12日 14:41:48 作者：讓丄帝愛(ài)伱

Ajax 是一個(gè)令人誤導(dǎo)的名稱(chēng),Ajax 應(yīng)用程序可能使用 XML 來(lái)傳輸數(shù)據(jù),但將數(shù)據(jù)作為純文本或 JSON 文本傳輸也同樣常見(jiàn),本文給大家介紹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)的名稱(chēng)。Ajax 應(yīng)用程序可能使用 XML 來(lái)傳輸數(shù)據(jù)，但將數(shù)據(jù)作為純文本或 JSON 文本傳輸也同樣常見(jiàn)。

Ajax 允許通過(guò)與場(chǎng)景后面的 Web 服務(wù)器交換數(shù)據(jù)來(lái)異步更新網(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("沒(méi)有登錄！");
            layer.msg("沒(méi)有登錄！");
            // 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("沒(méi)有登錄！");
            layer.msg("沒(méi)有登錄！");
            // 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)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: