Consumir Servicio Spring Boot + JWT con HTML
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="base64.js"></script>
<script>
$(document).ready(function(){
const Url_POST = "http://192.168.20.64:8071/oauth/token";
$("#btnInvocar").click(function(){
var request = new XMLHttpRequest();
//var request = new XMLHttpRequest({mozSystem: true});
request.onreadystatechange = function() {
//console.log("Estado : " + request.readyState);
if (request.readyState == 4) {
//console.log(request.responseText);
$("#txtResultado").val(request.responseText);
var obj = jQuery.parseJSON(request.responseText);
//alert( obj.access_token );
$("#txtToken").val(obj.access_token);
$("#txtExpira").val(obj.expires_in);
}
};
var tok = "angularapp" + ':' + "12345";
var hash = Base64.encode(tok);
var basic = "Basic " + hash;
request.withCredentials = true;
request.open('POST', Url_POST, true);
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
request.setRequestHeader('Authorization', basic);
request.send("username=42596272&password=12345&grant_type=password");
});
});
</script>
</head>
<body>
<input type="button" id="btnInvocar" value="Consumir Servicio" />
<br/><br/>
Resultado:
<br/><br/>
<textarea cols=150 rows=20 id="txtResultado"></textarea>
<br/><br/>
Token:
<br/><br/>
<textarea cols=150 rows=10 id="txtToken"></textarea>
<br/><br/>
Expira en (segundos):
<br/><br/>
<textarea cols=150 rows=5 id="txtExpira"></textarea>
</body>
</html>
Comentarios
Publicar un comentario