.net中的一般处理程序实例

最近在学习一般处理程序，也学习了一些jQuery的异步操作，于是就想着亲手做一个小的登陆，锻炼一下自己。

1、首先新建了一个项目LoginDemo,在此基础上又添加了一个一般处理程序BackLogin.ashx,具体代码如下

 

?

1	///<span style="font-family: Arial, Helvetica, sans-serif;" class="">没有牵扯到数据库查询，在这写的比较简单</span>

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

public class BackLogin : IHttpHandler      {            public void ProcessRequest(HttpContext context)          {              context.Response.ContentType = "text/plain" ;              string username = context.Request.Form[ "username" ];              string password = context.Request.Form[ "password" ];              if (username == " " || password == " " )              {                  context.Response.Write( "请填写用户名或密码！" );              }              else              {                  if (username == "001" && password == "001" )                    {                      context.Response.Write( "success" );                  }                  else                  {                      context.Response.Write( "用户名或密码错误，请重新登录！" );                  }              }              context.Response.End();          }          public bool IsReusable          {              get              {                  return false ;              }          }      }

2、添加一个Web页面Login.aspx,作为登陆页面，浏览器效果图如下所示

 

3、三种实现方式

1. Form表单形式

 

?

1 2 3 4 5

<form action= "BackLogin.ashx" method= "post" >         <input type= "text" name= "username" value= "{num}" >         <input type= "text" name= "password" >         <input type= "submit" value= "登陆" >     </form>

2、异步Post方式

 

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<script type= "text/javascript" >      $(function () {          $( "#Login" ).click(function () {              $.post( "BackLogin.ashx" , { "username" : $( "#username" ).val(), "password" : $( "#password" ).val() },          function (msg) {              if (msg == "success" ) {                  alert( "登陆成功" );              }              else if (msg == "用户名或密码错误，请重新登录！" ) {                  alert( "登录失败！" );              }              else {                  alert( "请输入用户名和密码！" );              }          });          });          // $("form1").submit();      }) </script>

 

3、异步ajax

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

<script type= "text/javascript" >            $(document).ready(function () {                $( "#Login" ).click(function () {                    $.ajax({                        url: "BackLogin.ashx" ,                        type: "POST" ,                        data: "username=" + escape($( '#username' ).val()) + "&password=" + escape($( '#password' ).val()),                        dataType: "text/plain" ,                        async: "true" ,                        success: function (msg) {                            var data = eval( "(" + msg.d + ")" );                            if (data == "success" ) {                                alert( "登陆成功！" );                            }                            else {                                alert( "登录失败！" );                            }                        }                    });                })            });      </script>

4、运行效果

 

输入001,0010用户名、密码时浏览器显示如下：

编程序一定要先有思路，在思路的引导下，细心再细心