Html：

 <!DOCTYPE html>
 <html>
 <head>
     <meta charset="utf-8" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>校园通销售管理系统-用户登录</title>
     <link href="/css/base.css" rel="stylesheet" type="text/css" />
     <link href="/css/login.css" rel="stylesheet" type="text/css" />
     <script src="/js/jquery.js" type="text/javascript"></script>
     <script src="/js/jquery.md5.js" type="text/javascript"></script>
     <script src="/js/login.js" type="text/javascript"></script>
 </head>
 <body>
     <div class="login_main">
         <div class="login">
             <span class="s1">
                 <label id="errMsg"></label>
             </span>
             <ul>
                 <li>
                     <span class="s2">用户名：</span>
                     <span class="s3">
                         <input type="text" id="txtUserName" value="" />
                     </span>
                 </li>
                 <li>
                     <span class="s2">密　码：</span>
                     <span class="s3">
                         <input type="password" id="txtUserPwd" value="" />
                     </span>
                     <span class="s4">
                         <input type="button" id="btnLogin" value="登录" />
                     </span>
                 </li>
             </ul>
         </div>
     </div>
 </body>
 </html>

Html或者Aspx

js:

 $(document).ready(function () {
     $("#btnLogin").click(function () {
         var name = $.trim($("#txtUserName").val());
         var password = $.trim($("#txtUserPwd").val());
         if (name == "" || name == null) {
             $("#errMsg").text("用户名不能为空！");
         } else if (password == "" || password == null) {
             $("#errMsg").text("密码不能为空！");
         } else {

             $.ajax({
                 type: "post",
                 url: "/url/login.ashx",
                 data: {
                     name: encodeURI(name, "utf-8"),
                     password: $.md5(password)
                 },
                 dataType: "text/plain",
                 success: function (data) {
                     $("#errMsg").text(data);
                 }
             });
         }
     });
 });

Js

Ashx

 using System;
 using System.Collections.Generic;
 using System.Linq;
 using System.Web;
 using System.Web.Security;
 using System.Runtime.Serialization;
 using Newtonsoft.Json;
 using Newtonsoft.Json.Converters;

 namespace Sales.Web.url
 {
     /// <summary>
     /// LoginHandler 的摘要说明
     /// </summary>
     public class LoginHandler : IHttpHandler
     {
         public void ProcessRequest(HttpContext context)
         {
             context.Response.ContentType = "text/plain";
             try
             {
                 ", "MD5").ToLower())
                 {
                     context.Response.Write("true");
                 }
                 else
                 {
                     context.Response.Write("false");
                 }
             }
             catch (Exception ex)
             {
                 context.Response.Write(ex.Message);
             }
             finally
             {
                 context.Response.End();
             }
         }

         public bool IsReusable
         {
             get
             {
                 return false;
             }
         }
     }
 }

Ashx

完整的 dataType=text/plain jquery ajax 登录验证的更多相关文章

  1. 使用ajax登录验证，第一次点击登录按钮无反应，第二次点击才能正常运行。

    问题描述: 使用ajax进行登录验证时,第一次点击登录按钮无反应,第二次点击才能进去. 解决方法: 原来的代码 <form action="" method="po ...

  2. ajax登录验证-js

    1.html代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> < ...

  3. 一个静态的HTML页面用jquery ajax登录到sharepoint页面

       $.ajax({             type: "get",              url: "http://",              d ...

  4. Ajax的text/plain、application/x-www-form-urlencoded和application/json

    Ajax的text/plain.application/x-www-form-urlencoded和application/json HTTP请求中,如果是get请求,那么表单参数以name=valu ...

  5. Asp.Net+JQuery.Ajax之$.post

    段时间有点跑偏,经过米老师和师傅的耐心指导,终于认识到自己的问题,现在回归常规路线,继续B/S的学习. 经过近半个月的熏陶,对JQuery慢慢的有了亲切感.当时我采访过一清,问他看完JQuery视频有 ...

  6. jQuery ajax - get(),getJSON(),post()方法

    1)       jQuery ajax - get() 方法: $(selector).get(url,data,success(response,status,xhr),dataType) 参数 ...

  7. jQuery之标签操作和返回顶部、登录验证、全选反选、克隆示例

    一.样式操作 1.JQ中的样式类 somenode.addClass();// 添加指定的CSS类名. somenode.removeClass();// 移除指定的CSS类名. somenode.h ...

  8. 01- ajax， 登录验证，json数据，文件上传

    1.ajax简介 1.向服务器发送请求的途径 # 向服务器发送请求的途径 1. 浏览器地址栏,默认get请求 2. form表单: get请求 post请求 3. a标签,默认get请求 4. Aja ...

  9. JQuery+Ajax+Struts2+Hibernate 实现完整的登录注册

    写在最前: 下午有招聘会,不想去,总觉得没有准备好,而且都是一些不对口的公司,可是又静不下心来,就来写个博客. 最近在仿造一个书城的网站:http://www.yousuu.com ,UI直接拿来用, ...

随机推荐

  1. mongodb exception in initAndListen: 12596 old lock file, terminating 解决方法

    错误信息如下: exception in initAndListen: 12596 old lock file, terminating 基本上都是由于服务器断电等异常中断重启引起 解决方法 1.删除 ...

  2. Frontend Development

    原文链接: https://github.com/dypsilon/frontend-dev-bookmarks Frontend Development Looking for something ...

  3. Linux cat命令详解

    本文主要内容源自网络,参考资料如下: 华夏名网,linux cat命令详解,http://www.sudu.cn/info/html/edu/20070101/290711.html 命令格式:cat ...

  4. UVa 3704 Cellular Automaton（矩乘）

    题目链接:http://acm.hust.edu.cn/vjudge/problem/viewProblem.action?id=15129 [思路] 矩阵乘法-循环矩阵 题目中的转移矩阵是一个循环矩 ...

  5. asterisk manager api 配置 (manager.conf)

    http://blog.csdn.net/niino/article/details/5748805 要激活AMI,需要在/etc/asterisk/manager.conf中,[general]块下 ...

  6. Google幻灯片

    本博文的主要内容有 .Google幻灯片的介绍 https://www.google.com/intl/zh-CN/slides/about/ 自行去注册Google账号,这里,不多赘述.

  7. MyEclipe10中集成Tomcat7

    1.MyEclipse|Servers|Tomcat|Tomcat 7.x 2.Enable 3.Browse:D:\Tomcat 7.0 4.JDK:下拉选择JDK7.0,注意:千万不能在此处右键A ...

  8. 并查集hdu1232

    Problem Description 某省调查城镇交通状况,得到现有城镇道路统计表,表中列出了每条道路直接连通的城镇.省政府“畅通工程”的目标是使全省任何两个城镇间都可以实现交通(但不一定有直接的道 ...

  9. 不同车型 不同起步价不同费用的问题（switch语句）

    #include "stdio.h" #include "math.h" main() { int a; float meet,b; printf(" ...

  10. javascript之文档碎片，文档碎片在理论上可以提高DOM操作的执行效率

    刚来到这里,趁着还没有忘记,来记录一下,昨晚学习的一个知识点——JavaScript中的文档碎片. 一.对文档碎片的基本认识 文档碎片可以提高DOM操作性能(理论上,注意!!理论上的) 文档碎片原理 ...