简单的html+ajax+ashx登陆

最新推荐文章于 2022-04-23 10:10:45 发布

原创最新推荐文章于 2022-04-23 10:10:45 发布 · 1.2k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #AJAX #Ajax #ashx #html #Html #HTML #登陆

记录集专栏收录该内容

2 篇文章

订阅专栏

这篇博客介绍了一种使用HTML、Ajax和Ashx处理后端逻辑的简单登录实现方式。用户输入用户名和密码后，点击按钮触发Ajax post请求，发送数据到login.ashx处理。Ashx接收请求，连接数据库验证用户名和密码，根据结果返回“1”（成功）或“0”（失败）。前端接收到响应后，显示相应的登录状态提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下代码均通过测试

login.htm

<body>
用户名：<input type="text" id="userName"/><br />
密码：&nbsp&nbsp<input type="password" id="password"/><br />
<input type="button" id="login" value="登陆"/>

</body>
<script type="text/javascript">

$(document).ready(function () {
$("#login").live('click', function () {
var username = $("#userName").val();
var pwd = $("#password").val();
$.ajax({
type: "post",
url: "login.ashx",
data: { userName: username, passWord: pwd, state: "login" },
success: function (data) {
if (data == "1") {
alert("登陆成功！！！");
}
else if (data == "0") {
alert("登陆失败！！！");
}
}
});
});
});
</script>

login.ashx.cs:

public class login : IHttpHandler,IRequiresSessionState
{

public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
if (context.Request["state"] == "login")
{
string username = context.Request["userName"].ToString();
string pwd = context.Request["passWord"].ToString();

SqlConnection co = new SqlConnection();
co.ConnectionString = "server=10.132.239.215;uid=10jb;pwd=10jb;database=10110013325";
co.Open();

SqlCommand cmd = new SqlCommand();
cmd.CommandText = "select * from Users where User_Name=@Username and User_PWD=@PWD";
cmd.Parameters.AddWithValue("@Username", username);
cmd.Parameters.AddWithValue("@PWD", pwd);
cmd.Connection = co;

SqlDataReader result = cmd.ExecuteReader();
if (result.Read())
{
context.Session["userID"] = result["PKId"].ToString();
context.Response.Write("1");
}
else
{
context.Response.Write("0");
}
result.Close();
co.Close();
}
}

public bool IsReusable
{
get
{
return false;
}
}
}