Ajax简单客户登陆验证

superadmin · 发表于 2008-1-8 16:44:34

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

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

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

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

2、在web.config中设置HttpHandle

　　  <httpHandlers>
   <add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax"/>
</httpHandlers>

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;

		自动登录	找回密码
密码			注册

全国各地医院查询	重量转换换算	RGB颜色查询	交通标志大全	各类快递查询
简体繁体转换	黄金价格实时走势	万年历查询	实时汇率转换	列车时刻查询
在线翻译工具	CSS中文手册	HTML学习教程	MySQL中文手册	JavaScript中文手册
PHP安全基础手册	PHP5面向对象编程教程	正则表达式系统教程	SQL Server精华	Apache 2.2 中文手册
DOS命令全集指南	windows脚本技术中文版	股票行情查询	历史上的今天	邮编区号查询
长度转换换算	货币汇率转换	常用电话号码	体育彩票查询	手机位置查询
域名Whois信息查询	谷歌PR值查询	台州网站建设	台州网站开发	台州域名注册
天气预报查询	长度转换换算器	在线电子地图	车牌号码查询	中国百家姓查询

Ajax简单客户登陆验证

相关帖子

浏览过的版块