login.js
const groupName = document.getElementById("input-group-name");
const password = document.getElementById("input-password");
const loginButton = document.getElementById("login-button");
const loginError = document.getElementById("login-error");
let loginUser;
loginButton.addEventListener("click", async () => {
const formData = new FormData(document.getElementById("loginForm"));
console.log("Form data:", formData);
try {
const response = await fetch("/login", {
method: "POST",
body: formData,
});
const data = await response.json();
if (response.ok) {
console.log("Successfully logged in");
loginError.style.display = "none";
} else {
console.log("Failed login");
loginError.style.display = "block";
}
} catch (error) {
console.error("Error during login:", error);
}
});
我正在使用laravel微风登录,所以我try 获取/登录,然后判断响应,如果登录失败,我会在我的登录Blade 中显示登录错误部分,但它不起作用,请帮帮我,这里是控制台日志(log): 表单数据:FormData{} Login.js:43 登录过程中出错:语法错误:意外标记‘<;’,"<;!DOCTYPE"...是无效的JSON (匿名)