JS+AJAX 实现用户登录
2015-08-25 14:23
543 查看
html代码:
js代码块:
LoginHandler.ashx文件代码:
<div class="loginbox"> <ul> <li><input id="gonghao" type="text" class="loginuser" value="21022105"/></li> <!--onclick="JavaScript:this.value=''"--> <li><input id="mima" type="text" class="loginpwd" value="111111" /></li> <li> <input name="" type="button" class="loginbtn" value="登录" onclick="httpRequest()" /> <label><input name="" type="checkbox" value="" checked="checked" />记住密码</label> <label><a href="#">忘记密码?</a></label></li> </ul> </div>
js代码块:
<script language="javascript" type="text/javascript"> function httpRequest() { var gonghao = document.getElementById("gonghao").value; var mima = document.getElementById("mima").value; document.cookie = "gonghao=" + gonghao; document.cookie = "mima=" + mima; var xmlHttp; if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlHttp.onreadystatechange = function () { if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { if (xmlHttp.responseText == "true") { window.location.assign("../main.html"); } else { alert('登录失败,用户名或密码不正确!'); } } } xmlHttp.open("get", "LoginHandler.ashx", true); xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");//application/x-www-form-urlencoded text/html; charset=BIG-5 xmlHttp.send(); } </script>
LoginHandler.ashx文件代码:
public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; if (context.Request.Cookies["gonghao"] != null&& context.Request.Cookies["gonghao"].Value!="") { if (context.Request.Cookies["mima"] != null && context.Request.Cookies["mima"].Value != "") { string gonghao = context.Request.Cookies["gonghao"].Value; string mima = context.Request.Cookies["mima"].Value; //DataTools.SourceName = "E:\\DB\\users.accdb"; string sql = string.Format("select * from Users where 工號='{0}' and 密碼='{1}'", gonghao, mima); DataTable dt= DataTools.AllData(sql); if (dt.Rows.Count > 0) { string xingming = dt.Rows[0]["姓名"].ToString(); HttpCookie cookie = new HttpCookie("xingming", xingming); context.Response.Cookies.Add(cookie); context.Response.Write("true"); } } } } public bool IsReusable { get { return false; } }
相关文章推荐
- 5. JavaScript RegExp 类型
- javascript获取后台传来的json
- Servlet小示例:jsp页面提交信息Servlet接收并打印输出
- js toArray的更好实现方法
- 21 个最棒最有用的 JavaScript 图表库
- jackJson的基本用法3___树形读写
- JSTL标签之<c:if>标签
- JS html 调用 js方式 js判断undefined
- 使用Jackson框架解析Json示例
- Json 入门例子(form表单)【0】
- JavaScript只能输入数字和两位小数
- JavaScript设计模式
- extjs 中formPanel提交到action后返回json数据到ext中,但是ext页面不进入sucess也不进入failure
- javascript于"return obj === void 0"这样的书面理由和优势
- JSP中的两种注释方式
- json字符串转成字典
- jackJson的基本用法2___map-json 与 json-map
- jackJson的基本用法1___obj-json 与 json-obj
- js方法格式化数字,加入千分符,并可以指定小数点位数
- wg_listToTree小插件 用 javascript 将List数组转换为Tree