验证用户登录
在这一步中,你将学习如何将输入的用户名和密码与从AJAX请求中获取的用户数据进行比较。
- 在AJAX请求的
success
回调函数内部,添加以下代码以检查输入的用户名和密码是否与任何用户记录匹配:
$.ajax({
method: "GET",
url: "userlist.json",
success: function (data) {
let judge = data.userlist.some((item) => {
return item.username == username && item.password == password;
});
//...
}
});
这段代码使用some
方法来检查data.userlist
数组中的任何用户记录是否与输入的用户名和密码匹配。
- 在
some
方法调用之后,添加以下代码以显示适当的成功或失败消息:
$.ajax({
method: "GET",
url: "userlist.json",
success: function (data) {
//...
if (judge) {
$("#tip1").removeClass("fade");
$("#tip2").addClass("fade");
} else {
$("#tip2").removeClass("fade");
$("#tip1").addClass("fade");
}
}
});
这段代码使用jQuery来操作页面上成功和失败消息元素的可见性。