帝王谷资源网 Design By www.wdxyy.com
服务器端操作方便之处我就不吹了，地球人都知道，它最烦莫过于页面刷新，头都被刷晕了，而且他在刷新的时候，还触发服务器端的事件(解决方案：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="/UploadFiles/2021-04-02/common.ashx"> <script src="/HttpForAjax/ajax/Ttyu.AjaxData,HttpForAjax.ashx">
二、介绍正题-用户登录验证
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="/UploadFiles/2021-04-02/login.js"> <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;
}
一、介绍一下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="/UploadFiles/2021-04-02/common.ashx"> <script src="/HttpForAjax/ajax/Ttyu.AjaxData,HttpForAjax.ashx">
二、介绍正题-用户登录验证
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="/UploadFiles/2021-04-02/login.js"> <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;
}
标签：
asp+Ajax简单客户登陆验证
帝王谷资源网 Design By www.wdxyy.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
帝王谷资源网 Design By www.wdxyy.com
暂无评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。
更新日志
2024年12月26日
2024年12月26日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果（九）》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]