Ajax异步请求登录

做这个登录呢，我用到一个第三方的JqueryUI,这个开源的JueryUI里面有一个对话框dialog,里面的登录层已经封装好了。下面就来说说把实现登录

1.先把第三方的东西拿过来

<link href="../Css/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" />
<script src="../member/js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="../SWFUpload/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script>

2.把html表单给弄出来

<body>
<form id="form1" runat="server">
<div>
<div>
<div id="divLogin" style="display: none">
<a id="linkUserName"></a><a id="linkLogout" href="void(0)"< /span>>注销</a>
</div>
<div id="divNotLogin" style="display: none">
<a href="void(0)"< /span> id="linkLogin">登录</a>
</div>
<div id="dlgLogin" style="display: none">
用户名：<input type="text" id="txtLoginUserName" /><br />
密码：<input type="password" id="txtLoginPassword" /><br />
<div id="divLoginMsg" style="color: Red">
</div>
<br />
<input type="button" id="btnLogin" value="登录" />
</div>
</div>
</form>
</body>

|||||现在我们写Jquery代码

<script type="text/javascript">
$(function(){
CheckLogin();//调用检查用户是否登录的方法
//当用户点击这个登录按钮的时候
$("#btnLogin").click(function(){
userLogin();//调用用户登录的方法
location.href="/member/BookShow_UI.aspx";//登录成功转向这个页面
});
//这个是JqueryUI里面封装好的一个点击事件
$("#linkLogin").click(function () {
$("#dlgLogin").dialog({
modal: true,
buttons: {
Ok: function () {
$(this).dialog('close');
}
}
});
});
//用户登录
function userLogin(){
//先收集用户在文本框里面输入的值
var name=$("#txtLoginUserName").val();
var pwd=$("#txtLoginPassword").val();
//判断用户输入的不能为空
if(name!="" && pwd!=null){
$.post("/ashx/Login.ashx",{"action":"login","textName":name,"textPwd":pwd},function(data){
var str=data.split(":");
var s = data.split(":");
if (s[0] == "0k") {
$("#divLogin").show();
$("#linkUserName").text(s[1]);
//把层关闭
$("#dlgLogin").dialog('close');
$("#divNotLogin").hide();
$("#dlgLogin").hide();
} else if (s[0] == "no") {
$("#divLogin").hide();
$("#divNotLogin").show();
} else {
alert("错误咯");
return false;
}
});
}
};
//检查用户是否登录了
function CheckLogin() {
$.post("/ashx/Login.ashx", { "action": "check" }, function (data) {
var s = data.split(":");
if (s[0] == "ok") {//ok表示已经登录了
$("#divLogin").show();
$("#linkUserName").text(s[1]);
$("#divNotLogin").hide();
$("#dlgLogin").hide();
} else if (s[0] == "no") {
$("#divLogin").hide();
$("#divNotLogin").show();
} else {
alert("错误咯！！");
}
});
}
</scirpt>

========================================一般处理程序
在一般处理程序里面要存储用户的信息，Seesion["User"]=user,在一般处理程序里面要存储用户的帐号与密码
到Session里面。在一般处理程序里面必须要实现一个接口 System.Web.SessionSatae.IRequiresSessionState
1.先来接收到前台是选择的是  check检查用户是否登录   login用户以登录
string action=context.Request.Form["action"];//来取到是check还是login
//如果说用户是第一次登录的页面，就要检查此用户是否存在

if(action=="check"){
//判断用户是否存在
if(context.Session["User"]!=null)
{
//我们就要把用户的帐与密码取出来存在Seesion中
context.Response.Write("ok:"+(((Model.User)context.Session["User"])).LoginId);
}else{
context.Response.Write("no:");
}
}else if(action=="login"){
//取到用户有前台文本框里面输入的值
string textName=context.Request.Form["textName"];
string textPwd=context.Request.Form["textPwd"];
//创建一个BLL层
BLL.UserManger bll=new BLL.UserManager();
//创建一个Model实体对象
Model.User model=null;
//创建一个用户登录的状态
string msg=string.Empty;
//定义一个变量来接收在bll层里面的用户登录的判断
bool b=bll.GetCheckUserLogin(textName,textPwd,out msg,out model);
//判断这个b是否为true;
if(b){
context.Session["User"]=model;
context.Response.Write("ok:"+model.LoginId);
}else{
context.Response.Write("on:");
}
}

  在一般处理程序里面有一个方法是用来检查用户登录的状态在bll层里面来定义一个这样的方法GetCheckUserLogin(string name,string pwd,out string msg,out Model.User user)

//定义一个用户来判断是否登录了参数用到了用户帐号用户密码状态和当前登录的用户名
public bool GetCheckUserLogin(string name,string pwd,out string msg out Model.User user)
{
//创建一个DAL层对象
DAL.UserServices dal=new DAL.UserServices();
user=dal.GetModel(name);//判断用户帐与数据里面取到的是否相等这个是用动软生成的直接调用里面的这个取用户实体的对象方法
//如果说这个用户不存在
if(user!=null)
{
//判断用户的登录状态是否正常这是在数据库里面
if(user.UserState.Name=="正常")
{
//判断用户的密码是否与数据库里面的一样
if(user.LoginPwd=="pwd")
{
msg="登录成功";
return true;
}else{
msg="用户名或者密码错误";
return false;
}
}else{
msg="用户没有激活";
return false;
}
}else{
msg="用户不存在";
return false;
}
}

转载于:https://blog.51cto.com/fourleafclover/1125154

Ajax异步请求登录相关推荐

php 返回字符串给aja,解决ajax异步请求返回的是字符串问题
1.返回结果差异 js获取后打印res.code无结果.因为返回数据格式不正确. php文件添加header头: header('Content-Type:application/json;'); 或 ...
html弹窗赋值给查询框,bootstrap模态框动态赋值， ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框（JS）...
/查询单个 function query(id) { $.ajax({ url : "/small/productServlet", async : true, type : &q ...
Ajax异步请求-简单模版
1 <script type="text/javascript"> 2 window.onload = function () { 3 document.getElem ...
php中jquery ajax请求参数,浅谈Jquery中Ajax异步请求中的async参数的作用
之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html asy.js function testAsync{ var temp; $.ajax( ...
Ajax(异步请求)和传统(同步请求)区别
在服务器端判断request来自Ajax请求(异步)还是传统请求(同步): 两种请求在请求的Header不同,Ajax 异步请求比传统的同步请求多了一个头参数 1.传统同步请求参数 accept t ...
Ajax异步请求（重渲染DOM元素时，如何自动调用并执行JS自定义函数【含代码】）- 案例篇
文章目录 Ajax异步请求(重渲染DOM元素时,如何自动调用并执行JS自定义函数[含代码])- 案例篇效果截图: 重要代码: 附:全部HTML代码: Ajax异步请求(重渲染DOM元素时,如何自动调 ...
JAVA中.jsp模板文件AJAX异步请求 - 数据渲染问题
JAVA中.jsp模板文件AJAX异步请求 - 数据渲染失败,谁的过失? 后端已经查询出来结果,但是返回的API接口response查看不到对应的信息.(即:后台有,前台没有) 原因分析: 是因为AJ ...
maven工程 java 实现文件上传 SSM ajax异步请求上传
java ssm框架实现文件上传实现:单文件上传.多文件上传(单选和多选),并且用 ajax 异步刷新,在当前界面显示上传的文件首先springmvc的配置文件要配置上传文件解析器: 1 < ...
php原生的异步请求,原生JavaScript实现Ajax异步请求
ajax现在是一种非常流行的技术,现在虽然可以利用JQuery或者一些第三方插件甚至微软提供的一些控件可以方面的实现ajax功能,但是明白其原理也是非常重要的,下面是来使用纯javascript实现获 ...

Ajax异步请求登录

Ajax异步请求登录相关推荐

最新文章

热门文章