本篇內(nèi)容介紹了“JavaScript如何設(shè)置AJAX的全局默認(rèn)設(shè)置”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于做網(wǎng)站、網(wǎng)站制作、阜寧網(wǎng)絡(luò)推廣、小程序定制開(kāi)發(fā)、阜寧網(wǎng)絡(luò)營(yíng)銷、阜寧企業(yè)策劃、阜寧品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供阜寧建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com

前言

$.ajaxSetup方法用于設(shè)置AJAX的全局默認(rèn)設(shè)置。之后執(zhí)行的所有AJAX請(qǐng)求，如果對(duì)應(yīng)的選項(xiàng)參數(shù)沒(méi)有設(shè)置，將使用更改后的默認(rèn)設(shè)置。這方便我們?cè)O(shè)置error 統(tǒng)一返回樣式。

示例

設(shè)置全局默認(rèn)

 // 設(shè)置AJAX的全局默認(rèn)選項(xiàng)
 $.ajaxSetup( {  
    url: "/login" , // 默認(rèn)URL  
    aysnc: true , // 異步加載  
    type: "POST" , // 默認(rèn)使用POST方式
    contentType: "application/json",
    data:{
       "name":"yo yo"  //默認(rèn)添加額外參數(shù)
    },
    headers: { // 默認(rèn)添加請(qǐng)求頭  
        "Authorization": "Bearer xxxxtokenxxx" ,  
    } ,  
    error: function(jqXHR, textStatus, errorMsg){ // 出錯(cuò)時(shí)默認(rèn)的處理函數(shù)  
        // jqXHR 是經(jīng)過(guò)jQuery封裝的XMLHttpRequest對(duì)象  
        // textStatus 可能為： null、"timeout"、"error"、"abort"或"parsererror"  
        // errorMsg 可能為： "Not Found"、"Internal Server Error"等  
        console.log( '操作異常：' +  errorMsg );          
    }  
});

ajax發(fā)一個(gè)請(qǐng)求，參數(shù)都不傳

// ajax請(qǐng)求, 什么也不傳，拿默認(rèn)設(shè)置
$.ajax();

此時(shí)會(huì)用默認(rèn)的配置發(fā)post請(qǐng)求，訪問(wèn)/login 地址

可以傳url和type 參數(shù)改變默認(rèn)值

$.ajax({
    url: "/demo" , // 設(shè)置參數(shù)改變默認(rèn)值
    type: "GET" , 
});

Authorization 認(rèn)證

如果每個(gè)請(qǐng)求都需要傳Authorization 頭部參數(shù)，可以設(shè)置全局配置

     // 設(shè)置AJAX的全局默認(rèn)選項(xiàng)
 $.ajaxSetup( {  
    headers: { // 默認(rèn)添加請(qǐng)求頭  
        "Authorization": "Bearer xxxxtokenxxx" ,  
    } ,  
    error: function(jqXHR, textStatus, errorMsg){ // 出錯(cuò)時(shí)默認(rèn)的處理函數(shù)  
        // jqXHR 是經(jīng)過(guò)jQuery封裝的XMLHttpRequest對(duì)象  
        // textStatus 可能為： null、"timeout"、"error"、"abort"或"parsererror"  
        // errorMsg 可能為： "Not Found"、"Internal Server Error"等  
        console.log( '操作異常：' +  errorMsg );          
    }  
}); 


// ajax請(qǐng)求
$.ajax({
    url: "/demo", // 設(shè)置參數(shù)改變默認(rèn)值
    type: "POST", 
    data: JSON.stringify({
        user: 'test'
    }),
    contentType: "application/json",
});

后面所有的ajax請(qǐng)求都會(huì)帶上請(qǐng)求頭部"Authorization": "Bearer xxxxtokenxxx"

POST http://127.0.0.1:5500/demo HTTP/1.1

Connection: keep-alive
Authorization: Bearer xxxxtokenxxx
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36
Content-Type: application/json
Accept: */*
X-Requested-With: XMLHttpRequest


{"user":"test"}

“JavaScript如何設(shè)置AJAX的全局默認(rèn)設(shè)置”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！