前台jQuery easyui,后台asp.net(c#)怎么样实现登录,通过json数据格式传递数据。 请给各位大侠帮忙了。
我知道前台登录名和密码通过json数据格式,传给后台的.ashx文件,在.ashx中转化数据格式然后连接数据库比较用户密码,返回一个结果给前台,成功就转到相关页面,失败则...
我知道前台登录名和密码通过json数据格式,传给后台的.ashx文件,在
.ashx中转化数据格式然后连接数据库比较用户密码,返回一个结果给前台,成功就转到相关页面,失败则提示错误。就是不知道具体怎么实现,还望高手给意见,给个源码最好了。 展开
.ashx中转化数据格式然后连接数据库比较用户密码,返回一个结果给前台,成功就转到相关页面,失败则提示错误。就是不知道具体怎么实现,还望高手给意见,给个源码最好了。 展开
2个回答
展开全部
<!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>
<title>Get</title>
<style type="text/css">
.Text
{
border: 1px solid red;
background-repeat: repeat-x;
background-position: bottom;
}
</style>
<script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$error = $("<font color='red'>用户名不能为空!</font>");
$("#txtUserName").keyup(function() {
if ($("#txtUserName").val() == "") {
$(this).addClass("Text");
} else {
$(this).removeClass("Text");
}
});
$("#txtUserName").blur(function() {
if ($("#txtUserName").val() == "") {
$(this).addClass("Text");
} else {
$(this).removeClass("Text");
}
});
$("#btnSubmit").click(function() {
if ($("#txtUserName").val() == "") {
$error.appendTo($("#msg"));
$("#txtUserName").addClass("Text");
} else {
$("#txtUserName").removeClass("Text");
$.get("Demo3Handler.ashx", {
"name": $("#txtUserName").val()
}, function(data) {
$("#msg").html(data);
});
}
});
});
</script>
</head>
<body>
<input type="text" id="txtUserName" />
<input type="button" id="btnSubmit" value="验证" />
<div id="msg">
</div>
</body>
</html>
后台:using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace AjaxLesson4.Get
{
/// <summary>
/// $codebehindclassname$ 的摘要说明
/// </summary>
public class Demo3Handler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
string msg = string.Empty;
context.Response.ContentType = "text/plain";
string name = context.Request.QueryString["name"];
if (name=="admin")
{
msg = "<font color='red'>对不起,账户已经注册!</font>";
}
else
{
msg = "<font color='gree'>恭喜您,可以注册!</font>";
}
context.Response.Write(msg);
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Get</title>
<style type="text/css">
.Text
{
border: 1px solid red;
background-repeat: repeat-x;
background-position: bottom;
}
</style>
<script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$error = $("<font color='red'>用户名不能为空!</font>");
$("#txtUserName").keyup(function() {
if ($("#txtUserName").val() == "") {
$(this).addClass("Text");
} else {
$(this).removeClass("Text");
}
});
$("#txtUserName").blur(function() {
if ($("#txtUserName").val() == "") {
$(this).addClass("Text");
} else {
$(this).removeClass("Text");
}
});
$("#btnSubmit").click(function() {
if ($("#txtUserName").val() == "") {
$error.appendTo($("#msg"));
$("#txtUserName").addClass("Text");
} else {
$("#txtUserName").removeClass("Text");
$.get("Demo3Handler.ashx", {
"name": $("#txtUserName").val()
}, function(data) {
$("#msg").html(data);
});
}
});
});
</script>
</head>
<body>
<input type="text" id="txtUserName" />
<input type="button" id="btnSubmit" value="验证" />
<div id="msg">
</div>
</body>
</html>
后台:using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace AjaxLesson4.Get
{
/// <summary>
/// $codebehindclassname$ 的摘要说明
/// </summary>
public class Demo3Handler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
string msg = string.Empty;
context.Response.ContentType = "text/plain";
string name = context.Request.QueryString["name"];
if (name=="admin")
{
msg = "<font color='red'>对不起,账户已经注册!</font>";
}
else
{
msg = "<font color='gree'>恭喜您,可以注册!</font>";
}
context.Response.Write(msg);
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
追问
多谢 大老!
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我这里还有一个更为简单的源码
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询