首页 > 编程语言 > JavaScript 学习-48.$.ajaxSetup方法设置AJAX的全局默认设置

JavaScript 学习-48.$.ajaxSetup方法设置AJAX的全局默认设置

时间:2022-10-07 12:35:11浏览次数:54  
标签:默认设置 请求 48 errorMsg ajax 默认 AJAX ajaxSetup Authorization

前言

$.ajaxSetup方法用于设置AJAX的全局默认设置。之后执行的所有AJAX请求,如果对应的选项参数没有设置,将使用更改后的默认设置。
这方便我们设置error 统一返回样式。

示例

设置全局默认

 // 设置AJAX的全局默认选项
 $.ajaxSetup( {  
    url: "/login" , // 默认URL  
    aysnc: true , // 异步加载  
    type: "POST" , // 默认使用POST方式
    contentType: "application/json",
    data:{
       "name":"yo yo"  //默认添加额外参数
    },
    headers: { // 默认添加请求头  
        "Authorization": "Bearer xxxxtokenxxx" ,  
    } ,  
    error: function(jqXHR, textStatus, errorMsg){ // 出错时默认的处理函数  
        // jqXHR 是经过jQuery封装的XMLHttpRequest对象  
        // textStatus 可能为: null、"timeout"、"error"、"abort"或"parsererror"  
        // errorMsg 可能为: "Not Found"、"Internal Server Error"等  
        console.log( '操作异常:' +  errorMsg );          
    }  
}); 

ajax发一个请求,参数都不传

// ajax请求, 什么也不传,拿默认设置
$.ajax();  

此时会用默认的配置发post请求,访问/login 地址

可以传url和type 参数改变默认值

$.ajax({
    url: "/demo" , // 设置参数改变默认值
    type: "GET" , 
});  

Authorization 认证

如果每个请求都需要传Authorization 头部参数,可以设置全局配置

     // 设置AJAX的全局默认选项
 $.ajaxSetup( {  
    headers: { // 默认添加请求头  
        "Authorization": "Bearer xxxxtokenxxx" ,  
    } ,  
    error: function(jqXHR, textStatus, errorMsg){ // 出错时默认的处理函数  
        // jqXHR 是经过jQuery封装的XMLHttpRequest对象  
        // textStatus 可能为: null、"timeout"、"error"、"abort"或"parsererror"  
        // errorMsg 可能为: "Not Found"、"Internal Server Error"等  
        console.log( '操作异常:' +  errorMsg );          
    }  
}); 


// ajax请求
$.ajax({
    url: "/demo", // 设置参数改变默认值
    type: "POST", 
    data: JSON.stringify({
        user: 'test'
    }),
    contentType: "application/json",
});  

后面所有的ajax请求都会带上请求头部"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"}

标签:默认设置,请求,48,errorMsg,ajax,默认,AJAX,ajaxSetup,Authorization
From: https://www.cnblogs.com/yoyoketang/p/16759481.html

相关文章

  • docker搭建2048小游戏
    下载2048游戏包链接:https://pan.baidu.com/s/1E5RkGgfLSo3XYmvJ7RId_Q提取码:1gc5复制这段内容后打开百度网盘手机App,操作更方便哦打包成镜像[root@docker~]#ls......
  • TZOJ 6948: 走迷宫/深搜模板
    描述 有一个迷宫,图案如图5.2.6所示,红色区域表示不能通行,蓝色区域表示能通行,在迷宫中通行的方向是上下左右四个方向。从入口(1,1)位置进入迷宫,编程判断能否从出口位置......
  • POJ - 2348 Euclid's Game
    Euclid'sGame博弈很经典的博弈了首先明确每个状态必然都对应着一个局面,先手必败\(or\)先手必胜如果当前局面对于先手来说是能够选择的,也就是\(b>=a*2\),对于一......
  • 特洛伊城毁灭了。凯旋的希腊人的船只遭48
    特洛伊城毁灭了。凯旋的希腊人的船只遭http://m.ds.163.com/feed/63388585c5e20100012014b4/?2022_1005=20221005uhttp://m.ds.163.com/article/63388586c5e20100012014bc/?......
  • 0482-HDFS上一次检查点异常分析
    温馨提示:如果使用电脑查看图片不清晰,可以使用手机打开文章单击文中的图片放大查看高清原图。Fayson的github:​​https://github.com/fayson/cdhproject​​提示:代码块部分可......
  • ABC 248 D - Range Count Query(思维)
    https://atcoder.jp/contests/abc248/tasks/abc248_d题目大意:给定一个长度为n的数组a,再给出q次询问;每次询问都问我们区间a[l]~a[r]中k的出现次数是多少?SampleInput......
  • ABC 248 C - Dice Sum(DP:背包)
    https://atcoder.jp/contests/abc248/tasks/abc248_c题目大意:给定长度为n,可选择的数字的范围【1,m】,放置的数字的总和不能超过k;问我们能凑出多少种不同的情况?取模。......
  • 1348. Tweet Counts Per Frequency 推特文章的访问频率
    1348. TweetCountsPerFrequencyMedium130231AddtoListShareAsocialmediacompanyistryingtomonitoractivityontheirsitebyanalyzingthenumber......
  • [Oracle] LeetCode 48 Rotate Image 思维
    Youaregivenannxn2Dmatrixrepresentinganimage,rotatetheimageby90degrees(clockwise).Youhavetorotatetheimagein-place,whichmeansyouhave......
  • POJ 2348 Euclid's Game(博弈论 辗转相减)
    POJ2348Euclid'sGame(博弈论辗转相减)题目:​ 给出两个数,A,B轮流操作。每次操作可以将大的数减去小的数的整数倍,若操作后出现0,执行这次操作的人胜。思路:​ 根据样例(25......