Technorati 标签: AJax aspx ashx asmx webserivice
常规的Jquery Ajax 验证登录，主要有3种服务端页面相应 ，也就是 aspx,ashx，asmx即webserivice 。
下面分别用3种方式来（aspx，ashx，asmx）做服务端来处理 Jquery Ajax 传过来的用户名和密码验证!
例： Login.html 请求用户名和密码验证！
Login.aspx （登客户端验证和Ajax请求验证）<head> <script type="text/javascript"> $(document).ready(function() { $("#go").bind('click', function() { var name = $.trim($("#txtName").val()); // $.trim()去除空格 var pwd = $.trim($("#txtPwd").val()); if (name == "") { $("#nameResult").html("<font color='red'>用户名不能为空</font>"); } else { $("#nameResult").html(""); } if (pwd == "") { $("#pwdResult").html("<font color='red'>密码不能为空</font>"); } else { $("#pwdResult").html(""); } if (name != "" && pwd != "") { //post 请求 $.ajax({ type: "post", //服务器相应ajax请求，可以有 aspx页面，ashx页面 url: "AjaxLogin.aspx","AjaxLoginAshx.ashx"， url: "AjaxLoginAsmx.asmx/login", //调用 webserivice 下的login方法 cache: false, data: "name=a&&pwd=b", //aspx页面为服务器相应 success: function(html) { location.href = "default.aspx"; $("#go").attr("disabled", false) }, error: function(html) { alert("登录失败"); $("#go").attr("disabled", false) } }); } }); }); </script> </head> <body> <form id="form1" runat="server"> <div> 用户名<asp:TextBox ID="txtName" runat="server" ></asp:TextBox><span id="nameResult"></span> <br /> 密码<asp:TextBox ID="txtPwd" runat="server"></asp:TextBox><span id="pwdResult"></span> <br /> <br /> <input type="button" id="go" value="登录" /> <asp:Button ID="go1" runat="server" Text="服务器控件登录" onclick="go_Click" /> </div> </form> </body>
1.服务端为 AjaxLogin.aspx 页面
首先修改 $.ajax 的 Url："AjaxLogin.aspx"
AjaxLogin.aspx 部分代码 protected void Page_Load(object sender, EventArgs e) { if (Request.Form["name"] != null && Request.Form["pwd"] != null) { if (Request.Form["name"].ToString().Trim() != "" && Request.Form["pwd"].ToString() != "") { string name = Request.Form["name"].ToString().Trim(); string pwd = Request.Form["pwd"].ToString(); Response.Cookies.Clear(); Response.Cookies.Add(new HttpCookie("name", name)); //添加cookie Response.Cookies.Add(new HttpCookie("pwd",pwd));//添加密码 Response.Write("你已经成功登录"); } } }
2. 服务端为 AjaxLoginAshx.ashx 页面 （一般处理程序）
首先修改 $.ajax 的 Url："AjaxLoginAshx.ashx"； 另：ashx以context.Response.Write 返回内容
AjaxLoginAshx.ashx 部分代码 [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] public class AjaxLoginAshx : IHttpHandler { public void ProcessRequest(HttpContext context) { //context.Response.ContentType = "text/plain"; //context.Response.Write("Hello World"); if (context.Request.Form["name"] != null && context.Request.Form["pwd"] != null) { if (context.Request.Form["name"].ToString().Trim() != "" && context.Request.Form["pwd"].ToString() != "") { string name = context.Request.Form["name"].ToString().Trim(); string pwd = context.Request.Form["pwd"].ToString(); context.Response.Cookies.Clear(); context.Response.Cookies.Add(new HttpCookie("name", name)); context.Response.Cookies.Add(new HttpCookie("pwd", pwd)); context.Response.Write("你已经成功登录"); } else { context.Response.Write("没成功登录1"); } } else { context.Response.Write("没成功登录2"); } } public bool IsReusable { get { return false; } }
3. 服务端为 AjaxLoginAsmx.asmx页面 （SOAP方式HTTP访问,用XML返回）
首先修改 $.ajax 的 Url："AjaxLoginAsmx.asmx/login"; 注意： / 后面是方法名
另asmx页面以return 返回内容,response.cookies.add添加cookie
AjaxLoginAsmx.asmx 部分代码/// <summary> /// AjaxLoginAsmx 的摘要说明 /// </summary> [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [System.ComponentModel.ToolboxItem(false)] public class AjaxLoginAsmx : System.Web.Services.WebService { [WebMethod] public string HelloWorld() { return "Hello World"; } [WebMethod] public string login() { if (HttpContext.Current.Request.Form["name"] != null && HttpContext.Current.Request.Form["pwd"] != null) { if (HttpContext.Current.Request.Form["name"].ToString().Trim() != "" && HttpContext.Current.Request.Form["pwd"].ToString() != "") { string name = HttpContext.Current.Request.Form["name"].ToString().Trim(); string pwd = HttpContext.Current.Request.Form["pwd"].ToString(); //HttpContext.Current.Response.Cookies.Add(new HttpCookie("name", name)); //HttpContext.Current.Response.Cookies.Add(new HttpCookie("pwd", pwd)); //HttpContext.Current.Response.Write("你已经成功登录"); HttpContext.Current.Response.Cookies.Add(new HttpCookie("a", "123")); return "Hello World"; } else { return "error1"; } } else { return "error2"; } }