前端web:
1)创建login.html页面
2)引入js,得到form表单里面的值
1:对div进行添加监听事件: lay-submit lay-filter="login"
2:点击时,对data进行重新赋值: data = data.field;
3:禁止页面刷新:type="submit"会刷新页面,如果不想让他刷新
1.可以改成type="button"
2.可以将input改成div
3.直接在最后添加return false;
4:通过ajax和后台关联:
$.ajax({
url: '/login',//对应Java后他的WebServlet注解里面的值
data: data,//要传递给后台的值,统一用json对象,不要转换为字符串
type: 'post',//对应Java后他的方法
dataType: 'json',//固定用法后面三种写法都是错的
dateType/datetype/datatype
success: function (res) {//res就算Java传递给前端的值
console.log(res);
}
});
5.根据返回的值,进行逻辑判断
if (res.count == 1) {
location.href = '/html/index.html'
} else {
layer.msg("登录失败,请重新尝试输入用户名或者密码");
}