Guten Tag zusammen!
Ich habe ein kleines Problem, welches mich nun schon viel Zeit gekostet hat
Und zwar möchte ich nachdem sich der User erfolgreich eingeloggt hat, seine user_id im Client speichern. Das Spring-Tool gibt dem Client als Response auf den Login-Aufruf die user_id des angemeldeten user zurück. Nun möchte ich diese speichern und in ein anderes javascript file übertragen, damit dort der user anhand seiner id erkannt wird.
Da ich ein ziemlicher Javascript-Neuling bin, habe ich ein ziemliches durcheinander veranstaltet. Muss sagen Java gefällt mir um einiges besser, viel ordentlicher
anbei noch ein paar code schnipsel:
[CODE lang="javascript" title="Login-Prozess"] //Login-Prozess
loginForm.addEventListener("submit", (e) => {
e.preventDefault();
let u_email = document.querySelector("#u_email").value;
let u_password = document.querySelector("#u_password").value;
// Ajax Prozess --> Rest-Service Aufruf
$.ajax({
type: "POST",
url: "/api/login",
data: JSON.stringify({
userEmail: u_email,
userPassword: u_password,
}),
success: showCalendar,
dataType: "json",
contentType: "application/json",
});
});[/CODE]
[CODE lang="javascript" title="HTML-Seite wird gewechselt bei erfolgreichem Login"]//Wenn Login erfolgreich wird die Kalendersicht angezeigt
function showCalendar(response) {
active_user = response;
console.log("modul main.js: " + active_user);
if (active_user != -1) {
//-1 --> login failed
window.location.href = "calendar.html"; //dieses html-file ist mit calendar.js verknüpft
}
}[/CODE]
[CODE lang="javascript" title="calendar.js --> Import der Variable activeUser in ein anderes JS file"]import { active_user } from "./main.js";
const id = active_user;[/CODE]
Ich habe ein kleines Problem, welches mich nun schon viel Zeit gekostet hat
Und zwar möchte ich nachdem sich der User erfolgreich eingeloggt hat, seine user_id im Client speichern. Das Spring-Tool gibt dem Client als Response auf den Login-Aufruf die user_id des angemeldeten user zurück. Nun möchte ich diese speichern und in ein anderes javascript file übertragen, damit dort der user anhand seiner id erkannt wird.
Da ich ein ziemlicher Javascript-Neuling bin, habe ich ein ziemliches durcheinander veranstaltet. Muss sagen Java gefällt mir um einiges besser, viel ordentlicher
anbei noch ein paar code schnipsel:
[CODE lang="javascript" title="Login-Prozess"] //Login-Prozess
loginForm.addEventListener("submit", (e) => {
e.preventDefault();
let u_email = document.querySelector("#u_email").value;
let u_password = document.querySelector("#u_password").value;
// Ajax Prozess --> Rest-Service Aufruf
$.ajax({
type: "POST",
url: "/api/login",
data: JSON.stringify({
userEmail: u_email,
userPassword: u_password,
}),
success: showCalendar,
dataType: "json",
contentType: "application/json",
});
});[/CODE]
[CODE lang="javascript" title="HTML-Seite wird gewechselt bei erfolgreichem Login"]//Wenn Login erfolgreich wird die Kalendersicht angezeigt
function showCalendar(response) {
active_user = response;
console.log("modul main.js: " + active_user);
if (active_user != -1) {
//-1 --> login failed
window.location.href = "calendar.html"; //dieses html-file ist mit calendar.js verknüpft
}
}[/CODE]
[CODE lang="javascript" title="calendar.js --> Import der Variable activeUser in ein anderes JS file"]import { active_user } from "./main.js";
const id = active_user;[/CODE]
