首页 > 代码库 > bs登陆小程序

bs登陆小程序

之前一直在CS,今天第一次接触BS,好多东西都不太熟悉。今天用js、form表单通过一般处理程序实现的登陆,虽然简单,但通过尝试知道了其中的调用关系了。

第一种,JS调用代码:

<!--HTML代码--><head runat="server">    <script src=http://www.mamicode.com/"Scripts/jquery-1.4.1.js" type="text/javascript"></script>    <script type="text/javascript">       $(function () {           $(#btn_logon).click(function () {               var user = $("#usernameid").val();               var pass = $("#passwordid").val();               $.ajax({                   type: "GET",                   url: "CheckPass.ashx",                   data: { usernamename: user, passwordname: pass },                   dataType: "text",                   success: function (ssss) { alert(ssss) },                   error: function (XMLHttpRequest, textStatus, errorThrown) { console.log(textStatus); }               });           });       });       </script>    <title>统一登录平台</title>    <style type="text/css">        #btn_logon        {            height: 20px;        }    </style></head><body>        <form id="Form1" class="login-form " runat="server"  >                        <label >统一登录平台</label>            <div >                <label >Username</label>                <div >                    <input type="text" autocomplete="off" placeholder="用户名" id="usernameid" runat="server" />                </div>            </div>            <div >                <label >Password</label>                <div>                    <input  type="password" autocomplete="off" placeholder="密码" id="passwordid" runat="server"/>                </div>            </div>            <div>                <button type="button" id="btn_login">登录</button>            </div>        </form></body>    /// <summary>    /// CheckPass 的摘要说明    /// </summary>    public class CheckPass : IHttpHandler    {        public void ProcessRequest(HttpContext context)        {            try            {                //用ajax无法跳转其他界面                context.Response.ContentType = "text/plain";                string username = context.Request.QueryString["usernamename"].ToString();                string pass = context.Request.QueryString["passwordname"].ToString();                if (username == "1" && pass == "1")                {                    context.Response.Write("登陆成功");                }                else                {                    context.Response.Write("登陆失败");                }            }            catch (Exception)            {                throw;            }        }        public bool IsReusable        {            get            {                return false;            }        }    }

注意:1、ajax中的data内的参数名可以自己任意定义;2、form表单不能有action,button按钮不能定义为submit的;3、QueryString[""]中填的是ajax中data里的参数名;4、不能跳转到百度、新浪等其他网站;
第二种,form表单直接提交:

        <form id="Form1" class="login-form " runat="server" action="CheckPass.ashx" >                        <label >统一登录平台</label>            <div >                <label >Username</label>                <div >                    <input type="text" autocomplete="off" placeholder="用户名" id="usernameid" runat="server" />                </div>            </div>            <div >                <label >Password</label>                <div>                    <input  type="password" autocomplete="off" placeholder="密码" id="passwordid" runat="server"/>                </div>            </div>            <div>                <button type="submit" id="btn_login">登录</button>            </div>        </form>        //CheckPass.ashx        public void ProcessRequest(HttpContext context)        {            try            {                //用action和submit按钮 跳转其他界面                context.Response.ContentType = "text/plain";                string username = context.Request.Form["usernameid"].ToString();                string pass = context.Request.Form["passwordid"].ToString();                if (username == "1" && pass == "1")                {                    context.Response.Redirect("http://www.baidu.com");                }                else                {                    context.Response.Redirect("http://www.hao123.com");                }            }            catch (Exception)            {                throw;            }

注意:1、action中填的是要获取数据的一般处理程序 ;2、button按钮要设成submit类型的;3、CheckPass.ashx中的Form[]里填控件的id;4、这种方式可以跳转百度、新浪的网站。

bs登陆小程序