首页 > 代码库 > 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登陆小程序
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。