老年人评估系统5
实现登录功能,跳转到对应角色的页面
页面还是沿用之前课程的模版样式
const url = `http://localhost:8080/oldMan/Login/${username}/${password}`;
// 发送 AJAX 请求
fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
}
})
.then(response => {
if (!response.ok) {
throw new Error('网络请求失败');
}
return response.json();
})
.then(data => {
console.log('完整响应数据:', data);
if (data.code === 1) { // 根据后端实际的成功状态码判断
const position = data.data.position;
switch (position) {
case '监护人':
window.location.href = '/guardian.html';
break;
case '评估员':
window.location.href = '/assessor.html';
break;
default:
alert('未知职位,登录失败');
}
} else {
alert(data.msg); // 显示登录失败信息
}
})
.catch(error => {
console.error('登录请求出错:', error);
alert('登录请求出错,请稍后重试');
});
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端