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>
    

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

    做产品的程序,才是好的程序员!
  • 相关阅读:
    搭建MHA问题汇总
    NOIP2009 靶形数独
    get_mysql_conn_info.py
    NOIP 2005 篝火晚会
    MySQL启动关闭添加到 /etc/init.d/mysqld
    noip2002 矩形覆盖
    get_slave_status.py
    [JSOI2008]魔兽地图
    MySQL数据导出导入任务脚本
    8.30 牛客OI赛制测试赛1 F题 子序列
  • 原文地址:https://www.cnblogs.com/asplover/p/14744521.html
Copyright © 2011-2022 走看看