yuyin/0530/scripts.js

document.getElementById('loginForm').addEventListener('submit', async (event) => {
    event.preventDefault(); // 阻止表单默认提交行为

    const username = document.getElementById('username').value;
    const password = document.getElementById('password').value;

    try {
        // 调用API进行登录验证
        const response = await fetch('/api/login', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({ username, password })
        });

        if (response.ok) {
            // 登录成功，跳转到功能页面
            window.location.href = '';
        } else {
            // 显示错误信息
            alert('登录失败');
        }
    } catch (error) {
        // 处理网络错误
        console.error('Error:', error);
        alert('无法连接到服务器，请检查网络');
    }
});