完整的 dataType=text/plain jquery ajax 登录验证

Html:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8" />
 5     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 6     <title>校园通销售管理系统-用户登录</title>
 7     <link href="/css/base.css" rel="stylesheet" type="text/css" />
 8     <link href="/css/login.css" rel="stylesheet" type="text/css" />
 9     <script src="/js/jquery.js" type="text/javascript"></script>
10     <script src="/js/jquery.md5.js" type="text/javascript"></script>
11     <script src="/js/login.js" type="text/javascript"></script>
12 </head>
13 <body>
14     <div class="login_main">
15         <div class="login">
16             <span class="s1">
17                 <label id="errMsg"></label>
18             </span>
19             <ul>
20                 <li>
21                     <span class="s2">用户名:</span>
22                     <span class="s3">
23                         <input type="text" id="txtUserName" value="" />
24                     </span>
25                 </li>
26                 <li>
27                     <span class="s2">密 码:</span>
28                     <span class="s3">
29                         <input type="password" id="txtUserPwd" value="" />
30                     </span>
31                     <span class="s4">
32                         <input type="button" id="btnLogin" value="登录" />
33                     </span>
34                 </li>
35             </ul>
36         </div>
37     </div>
38 </body>
39 </html>

Html或者Aspx

js:

 1 $(document).ready(function () {
 2     $("#btnLogin").click(function () {
 3         var name = $.trim($("#txtUserName").val());
 4         var password = $.trim($("#txtUserPwd").val());
 5         if (name == "" || name == null) {
 6             $("#errMsg").text("用户名不能为空!");
 7         } else if (password == "" || password == null) {
 8             $("#errMsg").text("密码不能为空!");
 9         } else {
10
11             $.ajax({
12                 type: "post",
13                 url: "/url/login.ashx",
14                 data: {
15                     name: encodeURI(name, "utf-8"),
16                     password: $.md5(password)
17                 },
18                 dataType: "text/plain",
19                 success: function (data) {
20                     $("#errMsg").text(data);
21                 }
22             });
23         }
24     });
25 });

Js

Ashx

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.Security;
 6 using System.Runtime.Serialization;
 7 using Newtonsoft.Json;
 8 using Newtonsoft.Json.Converters;
 9
10 namespace Sales.Web.url
11 {
12     /// <summary>
13     /// LoginHandler 的摘要说明
14     /// </summary>
15     public class LoginHandler : IHttpHandler
16     {
17         public void ProcessRequest(HttpContext context)
18         {
19             context.Response.ContentType = "text/plain";
20             try
21             {
22                 if (HttpUtility.UrlDecode(context.Request["name"] ?? "") == "用户名" && (context.Request["password"] ?? "").ToLower() == FormsAuthentication.HashPasswordForStoringInConfigFile("123456", "MD5").ToLower())
23                 {
24                     context.Response.Write("true");
25                 }
26                 else
27                 {
28                     context.Response.Write("false");
29                 }
30             }
31             catch (Exception ex)
32             {
33                 context.Response.Write(ex.Message);
34             }
35             finally
36             {
37                 context.Response.End();
38             }
39         }
40
41         public bool IsReusable
42         {
43             get
44             {
45                 return false;
46             }
47         }
48     }
49 }

Ashx

时间: 2024-10-08 10:21:46

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

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

$.ajax({ type: "get", url: "http://", data: "name=" + userid + "&password=" + password, async: true, error: function (request) { alert("Connection error"); }, success: function (data) {            wind

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

Ajax的text/plain.application/x-www-form-urlencoded和application/json HTTP请求中,如果是get请求,那么表单参数以name=value&name1=value1的形式附到url的后面,如果是post请求,那么表单参数是在请求体中,也是以name=value&name1=value1的形式在请求体中.通过chrome的开发者工具可以看到如下(这里是可读的形式,不是真正的HTTP请求协议的请求格式): get请求: [plai

Asp.Net+JQuery.Ajax之$.post

前段时间有点跑偏,经过米老师和师傅的耐心指导,终于认识到自己的问题,现在回归常规路线,继续B/S的学习. 经过近半个月的熏陶,对JQuery慢慢的有了亲切感.当时我采访过一清,问他看完JQuery视频有什么感觉,一清说:"能听懂,能看懂,自己做不知道从哪下手".这可能是大多数初学者的苦衷,现在我用一个简单的登录页面,帮助大家进一步理解JQuery.Ajax的工作原理. 首先我们制作一个html页面,用于和用户交互,代码如下: <!DOCTYPE html PUBLIC "

jQuery.ajax不能实现return值调用问题

转自:http://www.cnblogs.com/satng/ 我们使用jQuery.ajax函数是不能实现success方法return值的,而有时候我们需要对成功返回的数据进行处理,一般来说,与服务器交互后会返回很多的数据,而有些数据需要进行特别处理,这时需要实现success方法return,但jQuery.ajax中是无法实现的,传统的jQuery.ajax使用如下: jQuery.ajax({ type: "POST", url: "some.php",

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

1)       jQuery ajax - get() 方法: $(selector).get(url,data,success(response,status,xhr),dataType) 参数 描述 url 必需.规定将请求发送的哪个 URL. data 可选.规定连同请求发送到服务器的数据. success(response,status,xhr) 可选.规定当请求成功时运行的函数. 额外的参数: response - 包含来自请求的结果数据 status - 包含请求的状态 xhr -

用户登录验证Ajax实例详解

程序的思路主要是:页面加载时调用init判断客户端是否存有网站所需的cookies,如果有的话取相应cookies到服务端验证,通过验证显示成功提示,反之显示登录框,同样如果没有所需cookies也显示登录框直到用户输入正确的用户名和密码.整个过程两次用到了ajax,一次是用户输入用户名和密码点击登录按钮后,另一次是页面加载时的用户名和密码验证,其实两个过程调用的是同一个函数parseLogin,这个函数主要负责与远程(也就是"?action=login")通讯,而"?act

php jquery ajax验证用户名是否重复

我从3月份接触了web,开始了javascript和jquery的学习,之后学习了php,写了这样的表单验证代码.当然了,之前也接触过编程,只是没有深入系统的去学习,如今我重新迈入这个圈子,因为我对编程非常喜爱.故此跟大家分享下学习中的心得和自己原创的代码. 下面贴代码,思路是这样的,首先在文本框失去焦点时触发$.ajax函数,发送数据到php端,php接受该参数后,查询数据库中有没有记录,如果有则返回false,没有则返回true. 当返回false时,提示用户用户名已经被注册,并在form的

jquery Ajax中的dataType简析

jquery中的ajax有好几种运用方式,但是基本上都是使用的$.ajax()方法,很多人经常会使用它来从后台获取json格式的数据,但是经常发现返回的json字符串并不能自动的转换成js里的json对象. 为什么呢?主要是因为$.ajax()方法的参数没有正确的设置, 其中我们需要重点关注的是dataType参数,这个配置决定了jquery如何帮助我们自动解析服务器返回的数据,有几种方式可以获取后台返回的json字符串并解析为json对象,下面是asp.net为例解释: 1.$.ajax()参

JQuery $.ajax(); 异步访问完整参数

jquery中的ajax方法参数 url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设置. async: 要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求.如