Ajax简单客户登陆验证

2009-05-12 21:55:18来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:在指定应用程序域中执行代码

下一篇:AJAX将成为移动Web2.0时代首选开发平台