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 (匿名)

推荐答案

因此,默认情况下,Breeze不会为身份验证错误返回JSON个响应 这意味着当登录try 失败时,它会将用户重定向回Blade 页面,而不是提供JSON响应. 所以我认为这会影响您的js代码,从而导致SyntaxError

你可以试着这样做:

    if (!auth()->attempt($request->only('email', 'password'))) {
            return response()->json(['error' => 'Invalid credentials'], 422);
        }
return response()->json(['message' => 'Logged in successfully'],200);

Javascript相关问答推荐

为什么JavaScript双边字符串文字插值不是二次的?

使用JavaScript在ionic Web应用程序中更新.pane和.view的背景 colored颜色

通过在页面上滚动来移动滚动条

为什么我的includes声明需要整个字符串?

将自定义排序应用于角形数字数组

如何修复(或忽略)HTML模板中的TypeScript错误?'

如何粗体匹配的字母时输入搜索框使用javascript?

Google maps API通过API返回ZERO_RESULTS,以获得方向请求,但适用于Google maps

使用Java脚本根据按下的按钮更改S文本

Angular 中的类型错误上不存在获取属性

如何创建返回不带`new`关键字的实例的类

在数组中查找重叠对象并仅返回那些重叠对象

如何在Bootstrap中减少网格系统中单个div的宽度

钛中的onClick事件需要在两次点击之间等待几秒钟

用于测试其方法和构造函数的导出/导入类

如何在下一个js中更改每个标记APEXCHARTS图表的 colored颜色

通过解构/功能组件接收props-prop验证中缺少错误"

在Press Reaction本机和EXPO av上播放单个文件

ReactJS在类组件中更新上下文

正在发出错误的URL请求