Ich habe kürzlich die Ajax-Technologie gelernt und das Frontend auf statische HTML-Webseiten umgestellt, um den angemeldeten Benutzernamen zu erhalten. Das erste, woran jeder denkt, ist die Verwendung von Cookies und Sitzungen. Dies ist auf einer JSP-Seite möglich, jedoch nicht auf einer statischen HTML-Seite.
Was sind Cookies und Sitzungen? Zunächst einmal weiß jeder, dass das HTTP-Protokoll ein zustandsloses Protokoll ist. Sobald der Datenaustausch abgeschlossen ist, wird die Verbindung zwischen Client und Server geschlossen und es muss eine neue Verbindung hergestellt werden, um erneut Daten auszutauschen. Dies bedeutet, dass der Server die Sitzung nicht über die Verbindung verfolgen kann. Zu diesem Zeitpunkt erschien die Cookie-Sitzungsverfolgungstechnologie. Geben Sie den Kunden einen Ausweis aus, einen für jede Person, egal wer sie besucht, sie müssen ihren eigenen Ausweis mitbringen. Auf diese Weise kann der Server die Identität des Clients anhand des Passes bestätigen. So funktionieren Cookies, sie werden auf dem Client gespeichert. Sitzung ist ein vom Server verwendeter Mechanismus zum Aufzeichnen des Clientstatus. Dies entspricht dem Erstellen einer Benutzerprofiltabelle auf dem Server. Sie müssen lediglich die Profiltabelle abfragen, um festzustellen, ob sie mit dem aktuellen Client übereinstimmt. Session ist ebenfalls ein Schlüssel-Wert-Attributpaar. Es liest und schreibt Kundenstatusinformationen über die Methoden getAttribute(Stringkey) und setAttribute(String key, Object value). Im Servlet wird die Sitzung des Clients über die Methode request.getSession() abgerufen.
HTML erhält den Login-Benutzernamen . Die Sitzung ist eines der neun integrierten Objekte von JSP. Es ist nicht sehr HTML-freundlich. Wie erhält man also statische Ressourcen? Die erste besteht darin, ein Übergangs-Servlet zu erstellen, die Benutzersitzung zu speichern und sie abzurufen. Die zweite Möglichkeit besteht darin, den Pfad + den Benutzernamen über den Hintergrund zu verketten und ihn über Ajax an die Rezeption weiterzuleiten, und die Rezeption erhält die URL und bedient sie.
$.ajax({
URL: '/login',
Daten: {
Benutzername: Benutzername,
Passwort: Passwort
},
Typ: 'GET',
Erfolg: Funktion (Ergebnis) {
if (result.code === 0) {
if(val == num){
layer.msg("Anmeldung erfolgreich", function () {
window.location.href = "index1.html?"+$("#username").val()+"";
})
}anders{
layer.msg('Bestätigungscode-Fehler')
}
} anders {
layer.msg("Anmeldung fehlgeschlagen", + result.msg, {icon: 2})
}
}
})
}
Wichtig ist der Satz window.location.href = "index.html?"+$("#username").val()+"";, wobei $("#username").val() den Benutzer abruft name Wert, username ist die ID des Benutzernamens.
Definieren Sie zunächst eine ID, um den Benutzernamen zu erhalten
<p id = "name"></p>
Dann holen Sie es sich über JS
<script type="text/javascript">
var url = location.href;
//alert(url);
var num =url.indexOf("?");
var str = url.substr(num+1);
$("#name").html("Willkommen" +str);
</script>
Vergessen Sie nicht, am Ende hinzuzufügen
<script type="text/javascript" src="./layui/js/jquery.min.js"></script> Damit ist dieser Artikel über den Beispielcode für HTML zum Erhalten des Login-Benutzernamens abgeschlossen. Weitere verwandte Inhalte zu HTML zum Erhalten des Login-Benutzernamens finden Sie in den vorherigen Artikeln von downcodes.com oder durchsuchen Sie die folgenden verwandten Artikel Lesen Sie in Zukunft mehr. Unterstützen Sie downcodes.com!