目的：使用ajax實(shí)現(xiàn)異步登錄頁面驗(yàn)證
1.用戶名/密碼 keyup 時(shí)為空則提示不能為空
2.點(diǎn)擊提交按鈕，判斷用戶名密碼是否為空央碟，為空則頁面顯示不能為空，不為空則提交到Action边苹，Action里面執(zhí)行數(shù)據(jù)庫驗(yàn)證登錄方法凉夯，成功則將code設(shè)為1，不成功為0垢粮，返回到頁面的success方法贴届。若code為0，則在頁面顯示用戶名或密碼錯(cuò)誤。
步驟：
1毫蚓、加入jar包
用于輸出jason
2占键、加入jquery.js（Scripts/bootstrap/jquery-1.9.1.js）
3、在點(diǎn)擊login按鈕時(shí)觸發(fā)事件
function checkLogin(){?
//判斷用戶名是否為空
var adminname=$("#adminname").val().trim();
if(adminname==""||adminname.length<=0){
$("#spanadminname").html("Username is required!");
return;
}else{
$("#spanadminname").html("");
}
//判斷密碼是否為空
var adminpassword=$("#adminpassword").val().trim();
if(adminpassword==""||adminpassword.length<=0){
$("#spanadminpassword").html("Password is required!");
return;
}else{
$("#spanadminpassword").html("");
}
//提交到Action
$.ajax({
url: "AdminAction_login",? ? ? //相當(dāng)于form表單里面的 action="AdminAction_login"
type: "POST",? ? //相當(dāng)于form表單里面的 method="post"
//需要傳到Action里面的值
data: {"admin.adminname":adminname,"admin.adminpassword":adminpassword },
dataType: "json",
success: function (result) {
if(result.code==1){
location.href="home/index.jsp";
}else{
$("#errorplace").show();
}
},
error: function () {
console.log("error");
}
});
4元潘、Action里面
public String login() throws IOException{
response.setCharacterEncoding("utf-8"); ? ? ?//默認(rèn) ? ? ? ? ? ? ? ??
JSONObject jb = new JSONObject(); ? ? ? ? ? ? ?//默認(rèn)
List<Admin> la= adminService.login(admin);
if(la.size()>0){
session.put("admin", la.get(0));
jb.put("code", 1);
}else{
jb.put("code", 0);
}
//默認(rèn)
PrintWriter out=response.getWriter();
out.print(jb);
out.flush();
out.close();
return null;
}
