jquery ajax 学习3

 最近在学习ajax,先把两个最常用的jqeury ajax方法记下来:

 $.get 写一个最容易的登陆的方法:

 前台页面代码如下:

<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {

            $("#tijiao").click(function () {
                     
var $txtname = $("#txtname").val(); var $txtpassword = $("#txtpassword").val(); $.get("Handler2.ashx", { names: $txtname, pawdes: $txtpassword }, function (date) { if (date == 1) { alert("成功") window.location.href = "Default7.aspx"; } else { alert("失败") } }) }) }) </script> </head> <body> <form id="form1" runat="server"> <div> <input id="txtname" type="text" name="name" value="" /><br /> <input id="txtpassword" type="text" name="names" value="" /><br /> <input id="tijiao" type="button" value="提交" /> </div> </form> </body> </html>

 2,在一个ashx里面写登陆方法,如果用户名和密码都正确,反回1,反之反回0,然后在前台页面去判断。 在这里就不再去BLL层连数据库了,主要是学习Jquery ajax

public class Handler2 : IHttpHandler {
    
    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "text/plain";
        string names = context.Request.QueryString["names"];//传过来的用户名
        string pawdes = context.Request.QueryString["pawdes"];//传过来的密码
        int t = 0;
        if (names == "admin" && pawdes == "admin")
        {
            t = 1;
            context.Response.Write(t);
        }
        else
        {
            t = 0;
           context.Response.Write(t);
        }
        
    
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }

}

  再写一个$.post方法登陆

<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {

            $("#tijiao").click(function () {
                var $txtname = $("#txtname").val();

                var $txtpawd = $("#txtpawd").val();

                $.post("Handler.ashx", { names: $txtname, pawdes: $txtpawd }, function (date) {
                  
                    if (date == 1) {
                        alert("成功")
                        window.location.href = "Default7.aspx";
                    } else {
                        alert("失败")
                    }

                })


            })





        })
    </script>
</head>
<body>
    <form id="form1" runat="server" action="Handler.ashx" method="post"  >
   <div>
       <input id="txtname" type="text" name="name" value="" /><br />
        <input id="txtpawd" type="text" name="names" value="" /><br />
        <input id="tijiao" type="button" value="提交" />
   </div>
    
   
   
    </form>
</body>
</html>

  然后也是在ashx里面判断

public class Handler : IHttpHandler {
    
    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "text/plain";
        
        string names = context.Request.Form ["names"];
        string pawdes = context.Request.Form["pawdes"];
        int t = 0;
        if (names == "admin" && pawdes == "admin")
        {
            t = 1;
            context.Response.Write(t);
        }
        else
        {
            t = 0;
           context.Response.Write(t);
        }
        
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }

}

  好的,今天先到这里

 

posted @ 2012-12-19 17:00  apecoder  阅读(146)  评论(0编辑  收藏  举报