javascript okhttp 开发语言 js携带token跳转到其他页面

前言：根据用户名密码换取token成功后，将token存储到本地，以供其他页面获取，并能跳转到其他页面。本文举例从登录页面跳转到首页。详见下方代码

一、登录页面

//js代码

$("#login").on("click",function(){

// 点击登录获取表单中的值

var username = $("#username").val();

var password = $("#password").val();

var data = {

username:username,

password:password

}

// 根据用户名密码获取token

$.ajax({

url:url+"/user/login",

method:"post",

data:JSON.stringify(data),

// 在jquery封装的ajax中发给后台的默认是查询字符串

contentType:"application/json",

success:function(res) {

// 将token存储到本地

localStorage.setItem('token',res.data.token)

// 请求成功后跳转到首页

location.href = '浏览器打开目的网页的地址'

}

})

// 阻止表单默认提交行为

event.preventDefault();

})

})

// body中代码

二、首页

跳转成功后，希望在首页获取到token，并把token设置到请求头中

// js代码

$(function() {

// 获取token

var token = localStorage.getItem('token')

// 将token设置到请求头headers中

$.ajaxSetup({

headers:{

'Authorization':token;

}

})

})

相关阅读