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. Bzoj 3781: 小B的询问 莫队,分块,暴力

    3781: 小B的询问 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 426  Solved: 284[Submit][Status][Discuss ...

  2. CHS与LBA之间转换程序

    原理及介绍来自维基百科 http://zh.wikipedia.org/wiki/%E9%82%8F%E8%BC%AF%E5%8D%80%E5%A1%8A%E4%BD%8D%E5%9D%80 个人用的 ...

  3. hdoj 3635 Dragon Balls【并查集求节点转移次数+节点数+某点根节点】

    Dragon Balls Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Tota ...

  4. 1242Rescue （优先队列BFS）

    Problem Description Angel was caught by the MOLIGPY! He was put in prison by Moligpy. The prison is ...

  5. (使用步骤)ThinkPHP3.1.2中如何配置Ckeditor_4.1.1和Ckfindtor（转）

    ThinkPHP3.1.2中如何配置Ckeditor_4.1.1和Ckfindtor  一.下载Ckeditor和Ckfinder Ckeditor官网 http://ckeditor.com/dow ...

  6. Linux下对后台进程通过kill传递信号不起作用的问题

    在阅读APUE信号一章时,我遇到Linux下对后台进程通过kill传递信号不起作用的问题 具体情形与如下链接中的老兄一致: http://bbs.csdn.net/topics/390335913?p ...

  7. 1040. Longest Symmetric String (25)

    题目链接:http://www.patest.cn/contests/pat-a-practise/1040 题目: 1040. Longest Symmetric String (25) 时间限制 ...

  8. Web classPath

    classpath,看名字,类路径,这样比如,对于java程序,就是告诉java程序哪里去找类.(java虚拟机都是通过类装载器的)想myeclipse中struts,spring,hibernate ...

  9. 浏览器中JavaScript执行原理

    本章我们讨论javascript在浏览器中是如果工作的,包括:下载.解析.执行的全过程.javascript的这些讨人嫌的地方我们是知道的: i.需要串行下载 ii.需要解析 iii.需要串行执行 而 ...

  10. [转] Bound Service的三种方式（Binder、 Messenger、 AIDL）

    首先要明白需要的情景,然后对三种方式进行选择: (一)可以接收Service的信息(获取Service中的方法),但不可以给Service发送信息 (二) 使用Messenger既可以接受Servic ...