asp+Ajax简单客户登陆验证
asp+Ajax简单客户登陆验证
发布时间:2016-12-29 来源:查字典编辑
摘要:服务器端操作方便之处我就不吹了,地球人都知道,它最烦莫过于页面刷新,头都被刷晕了,而且他在刷新的时候,还触发服务器端的事件(解决方案:htt...

服务器端操作方便之处我就不吹了,地球人都知道,它最烦莫过于页面刷新,头都被刷晕了,而且他在刷新的时候,还触发服务器端的事件(解决方案: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>

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

</httpHandlers>

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

<scriptsrc=js/Xml.js></script>

<linkhref="css/myStyle.css"type="text/css"rel="stylesheet">

<scriptsrc="/HttpForAjax/ajax/common.ashx"type="text/javascript"></script>

<scriptsrc="/HttpForAjax/ajax/Ttyu.AjaxData,HttpForAjax.ashx"type="text/javascript"></script>

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

1、前台Html:

<formid="Form1"method="post"runat="server"action=""onsubmit="login.GetLogin();returnfalse;">

<TABLEid="Table1"cellSpacing="1"cellPadding="1"width="300"border="1">

<TR>

<TD></TD>

<TD><INPUTtype="text"id="txtUsername">usename</TD>

</TR>

<TR>

<TD></TD>

<TD><INPUTtype="password"id="txtPassword">pwd</TD>

</TR>

<TR>

<TD></TD>

<TD><INPUTtype="submit"value="登陆"></TD>

</TR>

</TABLE>

</form>

2、引用Js文件

<SCRIPTlanguage="javascript"src="login.js"type="text/javascript"></SCRIPT>

<scriptlanguage="javascript">

window.onload=function()

{

login=newLogin(testAjax);

}

</script>

login.Js文件

//提取控件值

functiongetValueById(pObjID){

varobj=document.getElementById(pObjID);

try{

returnobj.value;

}catch(e){

alert("控件:"+pObjID+"不存在,或没有value属性");

}

}

functionLogin(obj)

{

this.OBJ=obj;

this.GetLogin=function()

{

varreturnValue;

varusername=getValueById('txtUsername');

varpassword=getValueById('txtPassword');

if(!username||!password)

{

alert('请输入用户名与密码!');

return;

}

try

{

returnValue=this.OBJ.Login(username,password).value;

}catch(e)

{

alert('登录出错,请稍后再试或与管理员联系');

}

switch(returnValue)

{

case1:

alert('对不起,您输入的用户名或密码不正确或者不是管理员!');

break;

case0:

alert('管理员登录成功!');

window.document.location.href('../Error.aspx');

break;

default:

alert('登录失败,请稍后再试或与管理员联系'+returnValue);

break;

}

}

}

3、.cs文件

privatevoidPage_Load(objectsender,System.EventArgse)

{

Ajax.Utility.RegisterTypeForAjax(typeof(testAjax));

}

[Ajax.AjaxMethod()]

publicintLogin(stringusername,stringpassword)

{

//管理员登陆入口

Action.Common.CDBcdb=newAction.Common.CDB();

if("admin"==cdb.ExeScalar("selectupowerfromuserswhere

uname='"+username+"'andupwd='"+password+"'"))

return0;

else

return1;

}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新AJAX相关学习
热门AJAX相关学习
编程开发子分类