前端代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
用户名:<input type="text" id="username">
密码:<input type="text" id="password">
</br>
<button id="sublogin" onclick="insert()">登录</button>
<button id="tokenlogin" onclick="tolog()" >携带token登录</button>
<button id="dele" onclick="delall()">注销</button>
</body>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
//发送 请求 后台 生成token 将 token保存在本地存储里面
function insert(){
$.ajax({
url:"user/login",
type:"post",
data:{
"username":$("#username").val(),
"password":$("#password").val(),
},
success:function (result) {
localStorage.setItem("token",result);
}
})
}
//携带token 登录
function tolog(){
$.ajax({
url:"user/selectToken",
type:"post",
"headers":{
"token":localStorage.getItem("token")
}
})
}
//清楚 本地 所有 的token
function delall() {
localStorage.clear();
}
</script>
</html>
后台代码
@Controller
@RequestMapping("/user")
public class UserController {
@Autowired
JwtUtil jwtUtil ;
@Autowired
ResultTool resultTool;
@RequestMapping("/login")
@ResponseBody//登录 生成token
public String login(@RequestParam("username") String username,
@RequestParam("password") String password){
HashMap<String, String> map= new HashMap<>();
System.out.println(username+"===username====");
System.out.println(password+"===password====");
map.put("username",username);
map.put("password",password);
String token = jwtUtil.creatToken(map);
return token;
}
//
@RequestMapping("/selectToken")
public String selectToken(HttpServletRequest request){
try{
String token = request.getHeader("token");
System.out.println("token token==="+token);
}catch (Exception e){
e.printStackTrace();
}