常规的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";
}
}
