仰天一笑

昨日不悔,今日勿失,明日莫忧! —徐羽

  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
  230 随笔 :: 27 文章 :: 812 评论 :: 41 引用

   
服务器端操作方便之处我就不吹了,地球人都知道,它最烦莫过于页面刷新,头都被刷晕了,而且
他在刷新的时候,还触发服务器端的事件(解决方案:http://skylaugh.cnblogs.com/archive/2006/06/05/418010.html),现在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;
  }

    
   

posted on 2006-06-14 19:15 仰天一笑 阅读(2959) 评论(11)  编辑 收藏 所属分类: 原创天地Javascript/Ajax/XML

评论

#1楼  2006-06-14 19:28 冯东      
一笑兄用Ajax.NET多长时间了?兄弟最近也看了点有关这方面的东西,有空多交流交流啊,留个脚印!
  回复  引用  查看    

#2楼 [楼主] 2006-06-14 19:32 仰天一笑      
哈哈,好啊,我用的时间不长,也算小show一把罢了,不吝赐教!
  回复  引用  查看    

#3楼  2006-06-16 09:14 Runner      
我也想过这样做,只是不知道这样简单的把用户名和密码发送到服务器,会不会有被黑客截获的可能。
  回复  引用  查看    

#4楼 [楼主] 2006-06-16 13:12 仰天一笑      
@Runner
我这里写的是简单Ajax的实现,你可以密码加密,还可以加验证码之类,如此一来,就达到防止和克截获的可能。
  回复  引用  查看    

为什么我照着例子做,可是,会出现这样的错误提示:
找不到类型或命名空间名称“Action”(是否缺少 using 指令或程序集引用?)

  回复  引用    

#6楼 [楼主] 2006-07-20 13:45 仰天一笑      
@windblowsnow123456789
Action.Common.CDB cdb = new Action.Common.CDB();
这个只是我的一个数据库操作类,你可以自己定义;可以直接修改成为数据库操作就OK了
  回复  引用  查看    

问一个比较菜的问题,在<script src=js/Xml.js></script>中找不到xml.js文件,怎么办?
还有就是换成ajaxpro.2.dll怎么用?
非常感谢!!
我的qq416276303
Email rgxs@163.com
  回复  引用    

#8楼  2007-04-23 16:00 NCT [未注册用户]
同求楼上问题的解答
另外 <script src="/HttpForAjax/ajax/common.ashx" type="text/javascript"></script>
<script src="/HttpForAjax/ajax/Ttyu.AjaxData,HttpForAjax.ashx" type="text/javascript"></script>

这个也没有啊?我是菜鸟
Email:fangjun918@126.com
QQ:254597313
  回复  引用    

#9楼 [楼主] 2007-04-23 17:56 仰天一笑      
@南方小鬼
@NCT
对不住兄弟们了,这几个文件可以不用的,没有关系的,现在已经删除。
  回复  引用  查看    

#10楼  2007-07-05 13:30 test [未注册用户]
test
  回复  引用    

#11楼  2008-01-18 15:35 liony [未注册用户]
测试
  回复  引用    


标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2006-06-14 19:17 编辑过
"五向定位"职业成长路线公开课(上海、南京、大连)
Google站内搜索


相关链接: