Eu criei uma tela de login e quando eu clico em login eu recebo de volta um token JWT e sua expiração. O que eu quero fazer é armazenar esse token e redirecionar para uma outra página. Eu sei que tenho que fazer a autorização usando header mas não sei exatamente como fazer. Estou usando Jquery
<form action="https://www.teste.teste.com:3000/api/v1/sign-in " method="post" name="login" id="login">
<div class="box">
<div class="box-top">
<p style="position:absolute; top:30px; left:160px; color:white; font-size: 150%;">Logar</p>
</div>
</div>
<input type="text" id="name" class="input_text" name="name" placeholder="Usuário" value="pontual">
<div class="container">
<input type="password" id="password" name="password" class="input_text" placeholder="Senha" value="#P0ntu@l">
<input type="hidden" class="input_text" name="type_login" id="type_login" value="service"/>
<div>
</div>
</div>
<button type="submit" id="salvar" name="myButton" value="foo">Logar</button>
</div>
</form>
Esse é o retorno que eu recebo:
{
id: 1,
name: "pontual",
token: "JWT eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJleHAiOjE1NTU1OTM4OTksImlkIjoxLCJuYW1lIjoicG9udHVhbCIsInR5cGVfbG9naW4iOiJzZXJ2aWNlIn0.WJuGoxa0ditgNhylkKkXBacvqUAA7GXDIeJCW5v1rOU",
token_expires: "2019-04-18 10:24:59"
}