凤凰涅槃,浴火重生.
第一次在博客园写文章,请各位多多指教!
由于实现很简单,我就直接帖代码啦~~
Login.html,登录前台页面:
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
function login() {
var id = $("#txtName").val();
var pwd = $("#txtPwd").val();
if (id == "") {
$("#confirm").html("请输入用户名!");
$("#txtName").focus();
return false;
}
if (pwd == "") {
$("#confirm").html("请输入密码!");
$("#txtPwd").focus();
return false;
}
$.ajax(
{
type: "POST",
url: "Handler.ashx",
data: 'id=' + id + '&pwd=' + pwd,
dataType: 'json',
beforeSend: function() { $("#confirm").html("登录中"); },
success: function(data) {
if (data.stu == '1') {
$("#confirm").html("登录成功!");
}
else {
$("#confirm").html("登录失败!");
}
}
}
)
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
用户名:<input type="text" id="txtName" />
<br />
密 码:<input type="password" id="txtPwd" />
<br />
<input type="button" id="btnLogin" value="登录" onclick=" return login();" />
</div>
<div id="confirm"></div>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
function login() {
var id = $("#txtName").val();
var pwd = $("#txtPwd").val();
if (id == "") {
$("#confirm").html("请输入用户名!");
$("#txtName").focus();
return false;
}
if (pwd == "") {
$("#confirm").html("请输入密码!");
$("#txtPwd").focus();
return false;
}
$.ajax(
{
type: "POST",
url: "Handler.ashx",
data: 'id=' + id + '&pwd=' + pwd,
dataType: 'json',
beforeSend: function() { $("#confirm").html("登录中"); },
success: function(data) {
if (data.stu == '1') {
$("#confirm").html("登录成功!");
}
else {
$("#confirm").html("登录失败!");
}
}
}
)
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
用户名:<input type="text" id="txtName" />
<br />
密 码:<input type="password" id="txtPwd" />
<br />
<input type="button" id="btnLogin" value="登录" onclick=" return login();" />
</div>
<div id="confirm"></div>
</form>
</body>
</html>
Handler.ashx 一般处理文件,用后后台处理登录事件,从前台接受用户名和密码,再到数据库中验证,最后返回json:
Code
<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
using System.Data;
using System.Linq;
using System.Text;
public class Handler : IHttpHandler {
dbDataContext db = new dbDataContext();
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
login lg = new login();
string id = context.Request.Params["id"].ToString();
string pwd = context.Request.Params["pwd"].ToString();
var l = from d in db.logins
where d.name == id && d.pwd == pwd
select d;
if (l.Count() >= 1)
{
string data = "{stu:1}";
context.Response.Write(data);
}
else
{
string data = "{stu:0}";
context.Response.Write(data);
}
}
public bool IsReusable {
get {
return false;
}
}
}
<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
using System.Data;
using System.Linq;
using System.Text;
public class Handler : IHttpHandler {
dbDataContext db = new dbDataContext();
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
login lg = new login();
string id = context.Request.Params["id"].ToString();
string pwd = context.Request.Params["pwd"].ToString();
var l = from d in db.logins
where d.name == id && d.pwd == pwd
select d;
if (l.Count() >= 1)
{
string data = "{stu:1}";
context.Response.Write(data);
}
else
{
string data = "{stu:0}";
context.Response.Write(data);
}
}
public bool IsReusable {
get {
return false;
}
}
}
多多指教.