Olá
Tenho o seguinte html...
<section>
<h1 id="importarNome">Nome do usuário</h1>
</section>Tenho também uma api local que liga o cliente a um banco de dados onde tem os dados do cliente e ela busca os usuários por id.
Tenho minha função AJAX
function get(url) {
return new Promise((resolve, reject) => {
let xhr = new XMLHttpRequest();
xhr.open("GET", url);
xhr.onreadystatechange = () => {
if(xhr.readyState == 4) {
if(xhr.status == 200) {
resolve(JSON.parse(xhr.responseText));
} else {
reject(xhr.responseText);
}
}
};
xhr.send();
});
}Da forma que aprendemos nos curso de JavaScript e JavaScript avançado, conseguimos adicionar todos os dados do usuário em uma tabela a partir das funções no clique do botão importar, porém, gostaria de saber como faço para que, quando o meu usuário abrir a página, somente o seu nome apareça em meu H1 como no html acima.
Resumindo... O usuário entra na página e o get busca só o nome dele no meu banco de dados através do XMLHttpRequest e exiba no H1 sem ele ter que clicar em nada.
Como posso fazer isso, alguém pode me ajudar? Obrigado!
