J'ai récemment appris la technologie ajax et changé le front-end en pages Web statiques HTML pour écrire. Comment obtenir le nom d'utilisateur connecté ? La première chose à laquelle tout le monde pense doit être d'utiliser Cookie et Session. Cela peut être fait sur les pages JSP, mais pas sur les pages HTML statiques.
Tout d’abord, que sont les cookies et les sessions ? Tout d’abord, tout le monde sait que le protocole HTTP est un protocole sans état. Une fois l'échange de données terminé, la connexion entre le client et le serveur sera fermée et une nouvelle connexion devra être établie pour échanger à nouveau des données. Cela signifie que le serveur ne peut pas suivre la session depuis la connexion. A cette époque, la technologie de suivi des sessions de cookies est apparue. Délivrez un laissez-passer aux clients, un pour chaque personne. Peu importe qui visite, ils doivent apporter leur propre laissez-passer. De cette façon, le serveur peut confirmer l'identité du client à partir du pass. C'est ainsi que fonctionnent les cookies, ils sont stockés sur le client. La session est un mécanisme utilisé par le serveur pour enregistrer l'état du client. Cela équivaut à établir une table de profil utilisateur sur le serveur. Il vous suffit d'interroger la table de profil pour déterminer si elle correspond au client actuel. La session est également une paire d'attributs clé-valeur. Elle lit et écrit les informations sur le statut du client via les méthodes getAttribute(Stringkey) et setAttribute(String key, Object value). Dans le Servlet, la Session du client est obtenue via la méthode request.getSession().
HTML obtient le nom d'utilisateur de connexion . La session est l'un des neuf objets intégrés de JSP. Ce n'est pas très convivial pour HTML, alors comment obtenir des ressources statiques ? La première consiste à créer un servlet de transition, à enregistrer la session utilisateur et à l'obtenir. La seconde consiste à concaténer le chemin + le nom d'utilisateur en arrière-plan et à le transmettre à la réception via ajax, et la réception obtient l'URL et l'exploite.
$.ajax({
URL : '/connexion',
données: {
nom d'utilisateur : nom d'utilisateur,
mot de passe : mot de passe
},
tapez : 'OBTENIR',
succès : fonction (résultat) {
si (result.code === 0) {
si(val == num){
layer.msg("Connexion réussie", function () {
window.location.href = "index1.html?"+$("#username").val()+"";
})
}autre{
layer.msg('Erreur de code de vérification')
}
} autre {
layer.msg("Échec de la connexion," + result.msg, {icône : 2})
}
}
})
}
L'important est la phrase window.location.href = "index.html?"+$("#username").val()+"";, où $("#username").val() récupère l'utilisateur name Valeur, le nom d'utilisateur est l'identifiant du nom d'utilisateur.
Définissez d'abord un identifiant pour recevoir le nom d'utilisateur
<p id = "nom"></p>
Ensuite, récupérez-le via JS
<script type="text/javascript">
var url = emplacement.href;
// alerte (url);
var num =url.indexOf("?");
var str = url.substr(num+1);
$("#nom").html("Bienvenue" +str);
</script>
N'oubliez pas d'ajouter à la fin
<script type="text/javascript" src="./layui/js/jquery.min.js"></script> Ceci conclut cet article sur l'exemple de code HTML permettant d'obtenir le nom d'utilisateur de connexion. Pour plus de contenu sur HTML permettant d'obtenir le nom d'utilisateur de connexion, veuillez rechercher les articles précédents de downcodes.com ou continuer à parcourir les articles connexes suivants. en savoir plus à l'avenir. Soutenez downcodes.com !