zoukankan      html  css  js  c++  java
  • ajaxSetup

    ------------恢复内容开始------------

    <!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>
    

    ------------恢复内容结束------------

    做产品的程序,才是好的程序员!
  • 相关阅读:
    HTTP协议基础
    MySQL必知必会总结(二)
    MySQL必知必会总结(一)
    微信小程序开发总结
    从零开始搭建物联网平台(8):邮箱通知服务
    使用CDN优化首页加载速度
    Django+Vue前后端分离项目的部署
    Docker命令
    Django中间件执行流程和CSRF验证
    golang 快速排序及二分查找
  • 原文地址:https://www.cnblogs.com/asplover/p/14744521.html
Copyright © 2011-2022 走看看