jQueryでログインに成功したら、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   
	<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をリクエストヘッダに設定します.

// js  
$(function() {
        
	//   token  
	var token = localStorage.getItem('token')
    //  token      headers 
    $.ajaxSetup({
     
        headers:{
     
            'Authorization':token;
        }
    })
})

end