前言:根据用户名密码换取token成功后,将token存储到本地,以供其他页面获取,并能跳转到其他页面。本文举例从登录页面跳转到首页。 详见下方代码
一、登录页面
$("#login").on("click",function(){
var username
= $("#username").val();
var password
= $("#password").val();
var data
= {
username
:username
,
password
:password
}
$
.ajax({
url
:url
+"/user/login",
method
:"post",
data
:JSON.stringify(data
),
contentType
:"application/json",
success
:function(res
) {
localStorage
.setItem('token',res
.data
.token
)
location
.href
= '浏览器打开目的网页的地址'
}
})
event
.preventDefault();
})
})
<form
class="form_login">
用户名:
<input id
="username" type
="text" name
="username"><br
>
密 码:
<input id
="password" type
="password" name
="password"><br
>
<input id
="login" type
="submit" value
="登录">
</form
>
二、首页
跳转成功后,希望在首页获取到token,并把token设置到请求头中
$(function() {
var token
= localStorage
.getItem('token')
$
.ajaxSetup({
headers
:{
'Authorization':token
;
}
})
})
end