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

ASP.NET
asp.net GridView控件中模板列CheckBox全选、反选、取消
asp.net GridView 删除时弹出确认对话框(包括内容提示)
asp.net DropDownList 三级联动下拉菜单实现代码
asp DataTable添加列和行的三种方法
Asp.net 页面调用javascript变量的值
asp.net 长文章通过设定的行数分页
asp.net 定时间点执行任务的简易解决办法
asp.net 页面延时五秒,跳转到另外的页面
asp.net 动态输出透明gif图片
asp.net DataList与Repeater用法区别
asp.net Javascript获取CheckBoxList的value
asp.net程序在调式和发布之间图片路径问题的解决方法
asp.net下生成英文字符数字验证码的代码
asp.net 页面版文本框智能提示JSCode (升级版)
ASP.NET URL伪静态重写实现方法
ASP.NET 2.0 中Forms安全认证
asp.net 动态添加多个用户控件
asp.net Repeater显示父子表数据,无闪烁
asp.net 无法获取的内部内容,因为该内容不是文本 的解决方法
asp.net GridView排序简单实现

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-14   浏览: 113 ::
收藏到网摘: 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;