jquery ajax 学习3
最近在学习ajax，先把两个最常用的jqeury ajax方法记下来：
$.get 写一个最容易的登陆的方法：
前台页面代码如下：
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#tijiao").click(function () {
var $txtname = $("#txtname").val();
var $txtpassword = $("#txtpassword").val();
$.get("Handler2.ashx", { names: $txtname, pawdes: $txtpassword }, function (date) {
if (date == 1) {
alert("成功")
window.location.href = "Default7.aspx";
} else {
alert("失败")
}
})
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="txtname" type="text" name="name" value="" /><br />
<input id="txtpassword" type="text" name="names" value="" /><br />
<input id="tijiao" type="button" value="提交" />
</div>
</form>
</body>
</html>
2，在一个ashx里面写登陆方法，如果用户名和密码都正确，反回1，反之反回0，然后在前台页面去判断。 在这里就不再去BLL层连数据库了，主要是学习Jquery ajax
public class Handler2 : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
string names = context.Request.QueryString["names"];//传过来的用户名
string pawdes = context.Request.QueryString["pawdes"];//传过来的密码
int t = 0;
if (names == "admin" && pawdes == "admin")
{
t = 1;
context.Response.Write(t);
}
else
{
t = 0;
context.Response.Write(t);
}
}
public bool IsReusable {
get {
return false;
}
}
}
再写一个$.post方法登陆
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#tijiao").click(function () {
var $txtname = $("#txtname").val();
var $txtpawd = $("#txtpawd").val();
$.post("Handler.ashx", { names: $txtname, pawdes: $txtpawd }, function (date) {
if (date == 1) {
alert("成功")
window.location.href = "Default7.aspx";
} else {
alert("失败")
}
})
})
})
</script>
</head>
<body>
<form id="form1" runat="server" action="Handler.ashx" method="post" >
<div>
<input id="txtname" type="text" name="name" value="" /><br />
<input id="txtpawd" type="text" name="names" value="" /><br />
<input id="tijiao" type="button" value="提交" />
</div>
</form>
</body>
</html>
然后也是在ashx里面判断
public class Handler : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
string names = context.Request.Form ["names"];
string pawdes = context.Request.Form["pawdes"];
int t = 0;
if (names == "admin" && pawdes == "admin")
{
t = 1;
context.Response.Write(t);
}
else
{
t = 0;
context.Response.Write(t);
}
}
public bool IsReusable {
get {
return false;
}
}
}
好的，今天先到这里
