欢迎来到 黑吧安全网 聚焦网络安全前沿资讯,精华内容,交流技术心得!

如何基于Ajax技术实现无刷新用户登录功能

来源:本站整理 作者:佚名 时间:2017-03-10 TAG: 我要投稿

代码如下:
 // JScript 文件
function usersLogon()
{
 var userName = document.getElementById("txtuserName").value;
 var password = document.getElementById("txtpassword").value;
 var checkCode = document.getElementById("txtCheckCode").value;

 var response = userControl_logon.CheckCodeIsRight(checkCode).value;

 if(userName == "")
 {
  document.getElementById("txtuserName").focus();
  return false;
 }
 else if(password == "")
 {
  document.getElementById("txtpassword").focus();
  return false;
 }
 else if(checkCode =="")
 {
  document.getElementById("txtCheckCode").focus();
  return false;
 }
 else
 {
  if(response == true)
  {
   //判断用户是否存在
   userControl_logon.userNameAndPasswordIsExist(userName,password,userNameIsRight);
  }
  else
  {
   alert("验证码出错");
   userControl_logon.checkCodeOperaotr(refreshCheckCode);
   document.getElementById("txtpassword").value = "";
  }
 }
}
function userNameIsRight(res)
{
 var userName = document.getElementById("txtuserName").value;
 if(res.value == true)
 {
  //用户存在,但要看此用户有没有进入管理留言版权限,
  userControl_logon.userNameIsRight(userName,CallBack);
 }
 else
 {
  alert("用户名或密码错误");
  document.getElementById("txtpassword").value = "";
  OnLoad_checkCode();
 }
}
function CallBack(res)
{
 if(res.value == true)
 {
  hideLogon();
  var url = userControl_logon.returnUrl();
  if ( url.value == 404)
  {
   showDefault();
  }
  else
  {
   document.getElementById("Url").innerHTML = '<a href="' + url.value + '">' + url.value + '</a>'
  }
 }
 else
 {
  alert("对不起你的权限不够");
  document.getElementById("txtpassword").value = "";
  OnLoad_checkCode();
 }
}
//隐藏登录框
function hideLogon()
{
 var element = document.getElementById("hideLogon")
 element.style.display = "none"
 
}
//显示返回首页
function showDefault()
{
 var element = document.getElementById("Returndefault")
 element.style.display = "block"
}
function OnLoad_checkCode()
{
 userControl_logon.checkCodeOperaotr(refreshCheckCode);
 document.getElementById("txtuserName").focus();
 // return false;
}
///重新得到新的验证吗
function refreshCheckCode(res)
{
 document.getElementById("txtCheckCode").value = "";
 document.getElementById("lblNumber").innerHTML = res.value;
}
function abce()
{
 alert(document.getElementById("lblNumber").value)
}
下面代码
 using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Drawing;
using LHB_SQL_2005;

public partial class userControl_logon : System.Web.UI.UserControl
{
 protected void Page_Load(object sender, EventArgs e)
 {
  if (!this.IsPostBack)
  {
   AjaxPro.Utility.RegisterTypeForAjax(typeof(userControl_logon));
  }
 }

 [AjaxPro.AjaxMethod]
 public static string checkCodeOperaotr()
 {
  string _checkCode = GeneralMethod.GenerateCheckCode();
  System.Web.HttpContext.Current.Session["checkCode"] = _checkCode;
  //返回验证码
  return _checkCode;
 }

 /// <summary>
 /// 判断验证是否正确
 /// </summary>
 /// <param name="checkCode"></param>
 /// <returns></returns>
 [AjaxPro.AjaxMethod]
 public static bool CheckCodeIsRight(string checkCode)
 {
  string _checkCode = (string)(System.Web.HttpContext.Current.Session["checkCode"]);
  if (_checkCode == checkCode)
  {
   return true;
  }
  else
  {
   return false;

[1] [2] [3]  下一页

【声明】:黑吧安全网(http://www.myhack58.com)登载此文出于传递更多信息之目的,并不代表本站赞同其观点和对其真实性负责,仅适于网络安全技术爱好者学习研究使用,学习中请遵循国家相关法律法规。如有问题请联系我们,联系邮箱admin@myhack58.com,我们会在最短的时间内进行处理。
  • 最新更新
    • 相关阅读
      • 本类热门
        • 最近下载