主頁 > 知識庫 > asp+Ajax簡單客戶登陸驗(yàn)證

asp+Ajax簡單客戶登陸驗(yàn)證

熱門標(biāo)簽:銀行業(yè)務(wù) 阿里云 電子圍欄 科大訊飛語音識別系統(tǒng) 團(tuán)購網(wǎng)站 服務(wù)器配置 Linux服務(wù)器 Mysql連接數(shù)設(shè)置
服務(wù)器端操作方便之處我就不吹了,地球人都知道,它最煩莫過于頁面刷新,頭都被刷暈了,而且他在刷新的時(shí)候,還觸發(fā)服務(wù)器端的事件(解決方案:http://skylaugh.cnblogs.com/archive/2006/06/05/418010.html),現(xiàn)在Ajax的出現(xiàn),他們的結(jié)合是發(fā)展的必然!

    一、介紹一下Ajax在Asp.Net中的基本使用
    1、在工程中引入Ajax.dll文件。
  Ajax.dll實(shí)現(xiàn)XmlHttpRequest請求服務(wù)器的實(shí)現(xiàn)細(xì)節(jié)。.net項(xiàng)目中,添加上對其的引用,就可以進(jìn)

行相應(yīng)封裝操作了。

    2、在web.config中設(shè)置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> 

    二、介紹正題-用戶登錄驗(yàn)證
    1、前臺(tái)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('登錄出錯(cuò),請稍后再試或與管理員聯(lián)系');
  }
  switch(returnValue)
  { 

   case 1:
    alert('對不起,您輸入的用戶名或密碼不正確或者不是管理員!');
    break;   
   case 0:
    alert('管理員登錄成功!');
    window.document.location.href('../Error.aspx');
    break;   
   default:
    alert('登錄失敗,請稍后再試或與管理員聯(lián)系'+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;
  }

您可能感興趣的文章:
  • Ajax 用戶名驗(yàn)證是否存在
  • Ajax 表單驗(yàn)證 實(shí)現(xiàn)代碼
  • jquery ajax 登錄驗(yàn)證實(shí)現(xiàn)代碼
  • Asp.net下利用Jquery Ajax實(shí)現(xiàn)用戶注冊檢測(驗(yàn)證用戶名是否存)
  • 基于jQuery實(shí)現(xiàn)的Ajax 驗(yàn)證用戶名是否存在的實(shí)現(xiàn)代碼
  • Ajax實(shí)時(shí)驗(yàn)證用戶名/郵箱等是否已經(jīng)存在的代碼打包
  • PHP+Ajax異步通訊實(shí)現(xiàn)用戶名郵箱驗(yàn)證是否已注冊( 2種方法實(shí)現(xiàn))
  • formvalidator驗(yàn)證插件中有關(guān)ajax驗(yàn)證問題
  • 解決ajax返回驗(yàn)證的時(shí)候總是彈出error錯(cuò)誤的方法

標(biāo)簽:衡水 萍鄉(xiāng) 蚌埠 棗莊 衢州 江蘇 廣元 大理

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《asp+Ajax簡單客戶登陸驗(yàn)證》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266