Parce que j'ai besoin d'étudier l'ajax de js pour le travail, voici le résultat.
Se compose principalement de trois parties :
1. Rappel amical pour la partie js Faites attention au retour false dans $("#btn_login") dans la partie js cela peut empêcher le rollback du serveur ; sinon, elle sera toujours actualisée
$(document).ready(function () { $("#btn_login").click(function () { postlogin(); return false; }); }); function postlogin() { if (checkUserName() && checkUserPwd()) { var username = $('#txt_loginname').val(); var userpass = $('#txt_loginpass').val(); $.post("../UserLogin.aspx", { UserName: username, UserPass: userpass }, function (result) { if (result == "1") { alert("登录成功!"); } else if (result == "3") { alert("用户名不正确!"); } else if (result == "2") { alert("密码不正确!"); } else { alert("登录失败!请重试!" + result); } }); } } function checkUserName() { if ($("#txt_loginname").val().length == 0) { alert('用户名不能为空!'); return false; } else { return true; } } function checkUserPwd() { if ($("#txt_loginpass").val().lenght == 0) { alert('密码不正确!'); return false; } else { return true; } }
2. Partie page
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="32%" height="37" valign="middle">用户名:</td> <td width="68%" valign="middle"> <input type="text" name="txt_loginname" id="txt_loginname" class="input_1"/> </td> </tr> <tr> <td height="37" valign="middle">密 码:</td> <td valign="middle"> <input type="password" name="txt_loginpass" id="txt_loginpass" class="input_2"/> </td> </tr> <!--<tr> <td height="37" valign="middle">验证码:</td> <td valign="middle"> <input type="text" name="textfield3" id="textfield3" class="input_3" style="float:left"/> <span style="float:left; margin-left:6px;"><img src="images/img_7.gif" /></span></td> </tr>--> <tr> <td colspan="2"> <input type="image" name="btn_login" id="btn_login" src="images/img_4.gif" /> <input type="image" name="input" src="images/img_5.gif" /> <input type="image" name="input" src="images/img_6.gif" /> </td> </tr> </table>
3 La partie arrière-plan est la page qui est redirigée dans js pour traiter les informations de connexion
<🎜. >protected void Page_Load(object sender, EventArgs e) { string username = Request.Form["UserName"]; string userpass = Request.Form["UserPass"]; T_User user = UserManager.loginpassword(username, userpass); if (user != null) { Session["user"] = user; Response.Write("1"); //登录成功 Response.End(); } else { if (UserManager.OnlyOne(username) >= 1) { Response.Write("2"); //密码不正确 Response.End(); } else { Response.Write("3"); //用户名不存在 Response.End(); } } }