Fala, e o seguinte,
A minha funcao myfunction pega os elementos username e password digitados,e envia esse valor armazenando em um variavel global para a proxima pagina.
A minha funcao tToken autentica essa informacao e joga para proxima pagina o Token valido para eu manipular.
O problema e que nao estou conseguindo fazer ou pensar num modo de jogar o login e senha digitados no campo para as proximas paginas dinamicamente.
Ai eu consegui fazer isso porem funciona apenas na pagina de LOGIN, ele exibe o objeto preenchido apenas na pagina de login.
Quando o login e feito e autenticado, apos atualizar a pagina tudo some, exatamente por estar armazenado em variaveis os valores que eu quero, como fazer isso, sem ser por variaveis.
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);
});