Jquery Ajax处理,服务端三种页面aspx,ashx,asmx的比较

常规的Jquery Ajax 验证登录,主要有3种服务端页面相应 ,也就是 aspx,ashx,asmx即webserivice 。

下面分别用3种方式来(aspx,ashx,asmx)做服务端来处理 Jquery  Ajax 传过来的用户名和密码验证!

例: Login.html 请求用户名和密码验证!

<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"

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 返回内容

[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

/// <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", ""));
return "Hello World"; }
else
{
return "error1";
} } else
{
return "error2";
} }
上一篇:TCP的核心系列 — SACK和DSACK的实现(二)


下一篇:mysql date_add()函数的使用