ajax設置header指南教程

更新時間：2023年10月12日 14:41:48 作者：讓丄帝愛伱

Ajax 是一個令人誤導的名稱,Ajax 應用程序可能使用 XML 來傳輸數(shù)據(jù),但將數(shù)據(jù)作為純文本或 JSON 文本傳輸也同樣常見,本文給大家介紹ajax設置header指南教程,感興趣的朋友一起看看吧

什么是 AJAX？

AJAX = Asynchronous JavaScript And XML.

AJAX 并非編程語言。

AJAX 僅僅組合了：

瀏覽器內(nèi)建的 XMLHttpRequest 對象（從 web 服務器請求數(shù)據(jù)）

JavaScript 和 HTML DOM（顯示或使用數(shù)據(jù)）

Ajax 是一個令人誤導的名稱。Ajax 應用程序可能使用 XML 來傳輸數(shù)據(jù)，但將數(shù)據(jù)作為純文本或 JSON 文本傳輸也同樣常見。

Ajax 允許通過與場景后面的 Web 服務器交換數(shù)據(jù)來異步更新網(wǎng)頁。這意味著可以更新網(wǎng)頁的部分，而不需要重新加載整個頁面。

下面介紹下ajax設置header指南教程，內(nèi)容如下所示：

setting參數(shù) headers

$.ajax({
    headers: {
        Accept: "application/json; charset=utf-8"
    },
    type: "get",
    success: function (data) {
    }
});

beforeSend設置header

$.ajax({
    type: "GET",
    url: "default.do",
    beforeSend: function(request) {
        request.setRequestHeader("Test", "Chenxizhang");
    },
    success: function(result) {
        alert(result);
    }
});

$.ajaxSetup()全局設置Header請求頭

// 設置請求默認值
$.ajaxSetup({
    beforeSend: function (xhr) { //可以設置自定義標頭
       	// 將token塞進Header里
        xhr.setRequestHeader('Authorization', 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9');
      	xhr.setRequestHeader('Content-Type', 'application/json'); // application/x-www-form-urlencoded
    },
  	complete: function (xhr) {
      	// 設置登陸攔截
        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)登錄！");
        }
    },
});

或

// 設置請求默認值
$.ajaxSetup({
    headers: { // 默認添加請求頭
        "Authorization": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9" ,
        "Content-Type": "application/json"
    } ,
  	complete: function (xhr) {
      	// 設置登陸攔截
        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)登錄！");
        }
    },
});

到此這篇關于ajax設置header的文章就介紹到這了,更多相關ajax設置header內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: