A minha função myFunction
pega os elementos username
e password
digitados,e envia esses valores armazenando em uma variável global para a próxima página.
A minha função tToken
autentica essa informação e joga para próxima página o Token valido para eu manipular.
O problema é que não estou conseguindo fazer ou pensar em um modo de jogar o login e senha digitados no campo para as próximas paginas dinamicamente. Ai eu consegui fazer isso porém funciona apenas na pagina de LOGIN, ele exibe o objeto preenchido apenas na pagina de login. Quando o login é feito e autenticado, apos atualizar a pagina tudo some, exatamente por estar armazenado em variáveis os valores que eu quero. Como fazer isso, sem ser por variáveis?
var globalcredential = "/v1/credentials";
var globalauth = "/v1/auth";
var userlogin = new String();
var passwordlogin = new String();
function myFunction(){
var userElement = document.getElementsByName('username');
var passwordElement = document.getElementsByName('password');
userlogin = $(userElement).val().toString();
passwordlogin = $(passwordElement).val().toString();
};
function auth(){
var account = {
grant_type: "password",
login : userlogin,
senha : passwordlogin
};
var jsonAccount = JSON.stringify(account);
console.log(jsonAccount);
$.ajax({
type: "POST"
, method : "POST"
, url : globalauth
, contentType : "application/json"
, dataType : "json"
, data: jsonAccount
,success : function(data){
console.log("oi");
},beforeSend : function(request){
request.setRequestHeader('Content-Type', 'application/json');
},
}).done(function(response, status){
console.log(response,status);
}).fail(function(error){
console.log(error);
}).always(function(response, status){
});
}
var classname = document.getElementsByClassName("buttonlogin");
Array.from(classname).forEach(function(element) {
element.addEventListener('click', myFunction);
element.addEventListener('click', auth);
});