Recentemente aprendi a tecnologia ajax e mudei o front-end para páginas da web estáticas em HTML para escrever. Como obter o nome de usuário logado? A primeira coisa que todos pensam é usar Cookie e Session. Isso pode ser feito em uma página JSP, mas não em uma página HTML estática.
Em primeiro lugar, o que são cookies e sessões? Em primeiro lugar, todos sabem que o protocolo HTTP é um protocolo sem estado. Assim que a troca de dados for concluída, a conexão entre o cliente e o servidor será encerrada e uma nova conexão deverá ser estabelecida para a troca de dados novamente. Isso significa que o servidor não pode rastrear a sessão a partir da conexão. Nessa época, surgiu a tecnologia de rastreamento de sessão de cookies. Emitir um passe aos clientes, um para cada pessoa. Independentemente de quem o visite, deverá trazer o seu próprio passe. Desta forma o servidor pode confirmar a identidade do cliente a partir do passe. É assim que funcionam os cookies, eles são armazenados no cliente. Sessão é um mecanismo usado pelo servidor para registrar o status do cliente. É equivalente a estabelecer uma tabela de perfis de usuário no servidor. Você só precisa consultar a tabela de perfis para determinar se ela corresponde ao cliente atual. A sessão também é um par de atributos de valor-chave. Ele lê e grava informações de status do cliente por meio dos métodos getAttribute(Stringkey) e setAttribute(String key, Object value). No Servlet, a Sessão do cliente é obtida através do método request.getSession().
HTML obtém o nome de usuário de login . A sessão é um dos nove objetos integrados do JSP. Não é muito amigável com HTML, então como obter recursos estáticos? A primeira é criar um Servlet de transição, salvar a sessão do usuário e obtê-la. A segunda é concatenar o caminho + nome do usuário através do background e passá-lo para a recepção através do ajax, e a recepção obtém a url e a opera.
$.ajax({
URL: '/login',
dados: {
nome de usuário: nome de usuário,
senha: senha
},
digite: 'OBTER',
sucesso: função (resultado) {
if (resultado.código === 0) {
if(val == num){
layer.msg("Login bem sucedido", function() {
window.location.href = "index1.html?"+$("#nomedeusuário").val()+"";
})
}outro{
layer.msg('Erro no código de verificação')
}
} outro {
layer.msg("Falha no login," + result.msg, {ícone: 2})
}
}
})
}
O importante é a frase window.location.href = "index.html?"+$("#username").val()+"";, onde $("#username").val() obtém o usuário name Valor, nome de usuário é o ID do nome de usuário.
Primeiro defina um id para receber o nome de usuário
<p id = "nome"></p>
Então passe por JS
<script type="texto/javascript">
var url = localização.href;
//alerta(url);
var num =url.indexOf("?");
var str = url.substr(num+1);
$("#nome").html("Bem-vindo" +str);
</script>
Não esqueça de adicionar no final
<script type="text/javascript" src="./layui/js/jquery.min.js"></script> Isso conclui este artigo sobre o código de exemplo para Html para obter o nome de usuário de login. Para obter mais conteúdo relacionado sobre Html para obter o nome de usuário de login, pesquise os artigos anteriores de downcodes.com ou continue navegando nos seguintes artigos relacionados. leia mais no futuro.