ajaxSetup
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 | <! DOCTYPE html> < html > < head > < meta charset="utf-8"> < title >jQuery调用token</ title > < script src="../js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></ script > < script src="js/com.ibaiqi.public.js" type="text/javascript" charset="utf-8"></ script > </ head > < body > < ul > < li >< input type="button" id="btn2" onclick="loginCheck()" value="登陆查看控制台" /></ li > < li >< input type="button" id="btn2" onclick="userList()" value="查看是否授权登陆" /></ li > < li >< input type="button" id="btn2" onclick="getBaidu()" value="查看是否授权登陆baidu.com" /></ li > </ ul > </ body > </ html > < script type="text/javascript"> $.ajaxSetup({ beforeSend: function(xhr) { // 发送请求时,带上token xhr.setRequestHeader("token", localStorage.getItem("token")) }, error: function(xhr,status,error) { console.log(xhr); if (xhr.status === 401) { console.log("跳转到登陆页面") window.location.href = "./login.html" } } }); /* 登陆与不登陆,返回不同json */ function userList() { console.log("userlist 准备请求111"); console.log(url); //读取本地存储token // var token=localStorage.getItem("token") $.ajax({ url: baseUrl+"/api/user/list", // url: "http://169.254.150.246/api/user/list", method: "get", /* headers: { "token": token }, */ success: function(res) { console.log(res); } }) } /* 登陆成功,返回token 到控制台 */ function loginCheck() { var token = localStorage.getItem("token") $.post( "http://169.254.150.246/jwt/login?username=admin&password=admin123", function(res) { console.log(res); //把反回过来token写入本地存储 localStorage.setItem("token", res.token) } ) } /* 请求百度 */ function getBaidu() { console.log("getBaidu.com 准备请求"); $.get( "https://www.baidu.com/", null, function(res) { console.log(res); } ) } </ script > |
做产品的程序,才是好的程序员!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!