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. HUD --- 3635

    Five hundred years later, the number of dragon balls will increase unexpectedly, so it's too difficu ...

  2. Linux学习笔记20——第一个多线程程序

    一 什么是线程 线程:是一个进程内部的一个控制序列. 二 使用POSIX的注意点 1 为了使用线程函数库,必须定义宏_REENTRANT,通过定义_REENTRANT来告诉编译器我们需要可重入功能,可 ...

  3. MacOS下的生活——RescueTime，时间规划利器

    前段时间Yxj同学给我推荐了一款可以记录电脑及手机使用时间分类的软件,据说Mac平台下也支持,当时就有了兴趣,但是好像因为什么事给耽搁了,知道今天下午看到Yxj在看这个软件记录的自己的时间表,才觉得这 ...

  4. github 上的pull request总结

    自己先要fork别人的代码. 然后把代码git clone到本地.. 当自己有提交的时候, 可以在git commit之后 git push origin master 然后这份git push or ...

  5. 钥匙计数之一 - HDU 1438（状态压缩打表）

    分析:首先想到每个钥匙的结尾有4种状态,不过题目还需要判断有三种不同的钥匙深度,所以每种深度结尾后有2^4种状态,0000->1111,不过题目还需需要有相邻的钥匙深度大于等于3,所以需要两种不 ...

  6. UVA 424 (13.08.02)

     Integer Inquiry  One of the first users of BIT's new supercomputer was Chip Diller. Heextended his ...

  7. OBJ解析

    OBJ文件是Alias|Wavefront公司为它的一套基于工作站的3D建模和动画软件"Advanced Visualizer"开发的一种标准3D模型文件格式,很适合用于3D软件模 ...

  8. 华为EC169在MAC 10.9.6下的安装方法

    [问题描述] 华为EC169 3G上网卡需要在mbp中安装驱动. 华为官网(http://consumer.huawei.com/cn/)直接搜索EC169,会发现最新的驱动也是2009年发布. 下载 ...

  9. 遍历datatable的几种方法【转载】

    遍历datatable的方法2009-- :02方法一: DataTable dt = dataSet.Tables[]; ; i < dt.Rows.Count ; i++) { string ...

  10. BFS-hdu-4101-Ali and Baba

    题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=4101 题目大意: 给一个矩阵,0表示空的可走,-1宝藏的位置(只有一个),其余的正整数表示该位置石头 ...