当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > Ajax简单客户登陆验证

ASP.NET
ASP.NET开发:简化应用程序的开发支持Web标准
asp.net XMLHttpRequest实现用户注册前的验证
asp.net 页面间传值方法小结
asp.net url重写浅谈
asp.net 验证码生成和刷新及验证
C#精髓 GridView72大绝技 学习gridview的朋友必看
实例说明asp.net中的简单角色权限控制
asp.net网站开发包wq.dll打包下载
js与ASP.NET 中文乱码问题
asp.net checkbox 动态绑定id GridView删除提示
asp.net TextBox回车触发事件 图片在img显示
asp.net 脏字典过滤问题 用正则表达式来过滤脏数据
asp.NET 脏字过滤算法
asp.NET 脏字过滤算法 修改版
asp.net sql 数据库处理函数命令
asp.net Javascript 的几种写法与提示
ASP.NET MVC学习笔记
asp.net 中国身份证号码验证代码 非正则
Asp.net中使用Sqlite数据库的方法
asp.net 中文字符串提交乱码的解决方法

ASP.NET 中的 Ajax简单客户登陆验证


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-14   浏览: 119 ::
收藏到网摘: n/a

服务器端操作方便之处我就不吹了,地球人都知道,它最烦莫过于页面刷新,头都被刷晕了,而且他在刷新的时候,还触发服务器端的事件,现在Ajax的出现,他们的结合是发展的必然!

一、介绍一下Ajax在Asp.Net中的基本使用

1、在工程中引入Ajax.dll文件。

Ajax.dll实现XmlHttpRequest请求服务器的实现细节。.net项目中,添加上对其的引用,就可以进行相应封装操作了。

2、在web.config中设置HttpHandle

3、在 <HEAD>与</HEAD>间加入一些引用如下:

以下为引用的内容:
    <script src=js/Xml.js></script>
    <link href="css/myStyle.css" type="text/css" rel="stylesheet">
    <script src="/HttpForAjax/ajax/common.ashx" type="text/javascript"></script>
    <script src="/HttpForAjax/ajax/Ttyu.AjaxData,HttpForAjax.ashx" type="text/javascript"></script>

二、介绍正题-用户登录验证

1、前台Html:

以下为引用的内容:
<form id="Form1" method="post" runat="server" action="" onsubmit="login.GetLogin();return false;">  
    <TABLE id="Table1"  cellSpacing="1" cellPadding="1" width="300" border="1">
     <TR>
      <TD></TD>
      <TD><INPUT type="text"  id="txtUsername">usename</TD>
     </TR>
     <TR>
      <TD></TD>
      <TD><INPUT type="password"  id="txtPassword">pwd</TD>
     </TR>
     <TR>
      <TD></TD>
      <TD><INPUT type="submit" value="登陆"></TD>
     </TR>
    </TABLE>
  </form>

2、引用Js文件

以下为引用的内容:

<SCRIPT language="javascript" src="login.js" type="text/javascript"></SCRIPT>
  <script language="javascript">
  window.onload = function()
    {
       login=new Login(testAjax);
      }
  </script>

   login.Js文件
// 提取控件值
function getValueById(pObjID){
 var obj=document.getElementById(pObjID);
 try{
  return obj.value;
 }catch(e){
  alert("控件:"+pObjID+" 不存在,或没有value属性");
 }
}

function Login(obj)
{
 this.OBJ = obj;
 this.GetLogin=function()
 {
  var returnValue;
  var username=getValueById('txtUsername');
  var password=getValueById('txtPassword');
  if(!username||!password)
  {
   alert('请输入用户名与密码!');
   return;
  } 
  try
  {
   returnValue=this.OBJ.Login(username,password).value;
  }catch(e)
  {
   alert('登录出错,请稍后再试或与管理员联系');
  }
  switch(returnValue)
  {
  
   case 1:
    alert('对不起,您输入的用户名或密码不正确或者不是管理员!');
    break;  
   case 0:
    alert('管理员登录成功!');
    window.document.location.href('../Error.aspx');
    break;  
   default:
    alert('登录失败,请稍后再试或与管理员联系'+returnValue);
    break;
  }
 }
}

3、.cs文件

以下为引用的内容:

private void Page_Load(object sender, System.EventArgs e)
  {
   Ajax.Utility.RegisterTypeForAjax(typeof(testAjax));
  }

  [Ajax.AjaxMethod()]
  public int Login(string username,string password)
  {  
   // 管理员登陆入口
   Action.Common.CDB cdb = new Action.Common.CDB();
   if("admin"==cdb.ExeScalar("select upower from users where

uname='"+username+"' and upwd='"+password+"'"))
    return 0;
   else
    return 1;