- 浏览: 255364 次
文章分类
最新评论
-
yilisha_andrea:
不在意那么多,然后用的<button>然后点击后 ...
解析<button>和<input type="button"> 的区别 -
szh_java:
很久很久之前看过楼主的这篇文章,当时不知道什么感觉,现在感觉挺 ...
两年外包女程序员的真实感受 -
dabing69221:
珍爱生命 ,远离外包
两年外包女程序员的真实感受 -
dabing69221:
在华为做一年外包的苦逼程序员飘过,你所说的感同身受, 往事历历 ...
两年外包女程序员的真实感受 -
beating011:
请问你有TimesTen6.0的安装程序么,linux的安装 ...
oracle 内存数据库 TimesTen试用笔记(aix5.3)
很早就想发布这篇POST了,Ajax实现简单用户名重名查询,引用了xmlhttprequest object pool,如下:
/**
* XMLHttpRequest Object Pool
*
* @author legend <legendsky@hotmail.com>
* @link http://www.ugia.cn/?p=85
* @Copyright www.ugia.cn
*/
var XMLHttp = {
_objPool: [],
_getInstance: function ()
{
for (var i = 0; i < this._objPool.length; i ++)
{
if (this._objPool[i].readyState == 0 || this._objPool[i].readyState == 4)
{
return this._objPool[i];
}
}
// IE5中不支持push方法
this._objPool[this._objPool.length] = this._createObj();
return this._objPool[this._objPool.length - 1];
},
_createObj: function ()
{
if (window.XMLHttpRequest)
{
var objXMLHttp = new XMLHttpRequest();
}
else
{
var MSXML = ['MSXML2.XMLHTTP.5.0', 'MSXML2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP', 'Microsoft.XMLHTTP'];
for(var n = 0; n < MSXML.length; n ++)
{
try
{
var objXMLHttp = new ActiveXObject(MSXML[n]);
break;
}
catch(e)
{
}
}
}
// mozilla某些版本没有readyState属性
if (objXMLHttp.readyState == null)
{
objXMLHttp.readyState = 0;
objXMLHttp.addEventListener("load", function ()
{
objXMLHttp.readyState = 4;
if (typeof objXMLHttp.onreadystatechange == "function")
{
objXMLHttp.onreadystatechange();
}
}, false);
}
return objXMLHttp;
},
// 发送请求(方法[post,get], 地址, 数据, 回调函数)
sendReq: function (method, url, data, callback)
{
var objXMLHttp = this._getInstance();
with(objXMLHttp)
{
try
{
// 加随机数防止缓存
if (url.indexOf("?") > 0)
{
url += "&randnum=" + Math.random();
}
else
{
url += "?randnum=" + Math.random();
}
open(method, url, true);
// 设定请求编码方式
setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
send(data);
onreadystatechange = function ()
{
if (objXMLHttp.readyState == 4 && (objXMLHttp.status == 200 || objXMLHttp.status == 304))
{
callback(objXMLHttp);
}
}
}
catch(e)
{
alert(e);
}
}
}
};
ASPX:
1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="THttpModule.Login" %>
2
3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <html xmlns="http://www.w3.org/1999/xhtml">
5 <head runat="server">
6 <title>Login Page</title>
7 <style type="text/css" media="screen">
8 @import url("http://www.taobao.com/home/css/tbsp/master/global_v3a.php?t=20080429.css");
9 @import url("http://www.taobao.com/home/css/component.php?t=20080624.css");
10 @import url("http://www.taobao.com/home/css/component_ext.php?t=20080624.css");
11 @import url("http://www.taobao.com/home/css/sys/register060524.css?t=20080624.css");
12 </style>
13 <script src="js/xmlhttphelper.js" type="text/javascript"></script>
14 <script language="javascript">
15 <!-- Author PetterLiu http://wintersun.cnblogs.com -->
16 var usernameCheckerTimer;
17 function CallbackSuccess(objXMLHttp) {
18 var result = objXMLHttp.responseText;
19 document.getElementById("check_username_info").innerHTML = result;
20 alert(result);
21 }
22 function checkIsExist() {
23 var uname = document.getElementById("username").value;
24 if (uname == "") {
25 return false;
26 }
27 var url = 'DataProvider.ashx';
28 var sdata = "username=" + uname;
29 XMLHttp.sendReq("post", url, sdata, CallbackSuccess);
30 }
31 function checkUsernameUsage() {
32 clearTimeout(usernameCheckerTimer);
33 document.getElementById("check_username_info").innerHTML = "检测中,请稍等 ";
34 document.getElementById("check_username_info").className = "WarningMsg";
35 //delay time 750ms
36 sernameCheckerTimer = setTimeout("checkIsExist();", 750);
37 }
38 </script>
39
40 </head>
41 <body>
42 <form id="form1" runat="server">
43 <div class="Hint">
44 用户名:</div>
45 <div class="Input" style="width: 210px">
46 <input id="username" type="text" size="24" value="" />
47 <br />
48 <input type="button" name="check_username" value="检查用户名是否可用" onclick="checkUsernameUsage();" />
49 </div>
50 <div class="Info" style="width: 360px">
51 <div id="username_info">
52 </div>
53 <div id="check_username_info">
54 </div>
55 </div>
56 </form>
57 </body>
58 </html>
59
接收数据的httphandler
1 /// <summary>
2 /// Recevice Httphandler
3 /// <remarks>Author PetterLiu http://wintersun.cnblogs.com</remarks>
4 /// </summary>
5 [WebService(Namespace = "http://tempuri.org/")]
6 [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
7 public class DataProvider : IHttpHandler
8 {
9 /// <summary>
10 /// Process logic
11 /// </summary>
12 /// <param name="context">HttpContext</param>
13 public void ProcessRequest(HttpContext context)
14 {
15 string username = context.Request.Form["username"];
16 if (username == "petter")
17 context.Response.Write("用户名已存在。");
18 else
19 context.Response.Write("恭喜你,你可以使用此用户名。");
20 }
21
22 public bool IsReusable
23 {
24 get
25 {
26 return false;
27 }
28 }
29 }
发表评论
-
解析<button>和<input type="button"> 的区别
2012-06-15 00:01 57189一、定义和用法 <button> 标签定义 ... -
提交方法:post和get比较
2012-06-11 00:27 13842我们知道,从一个页面转向另一个页面的请求方式有两种,那 ... -
Servlet学习的小总结
2012-05-08 23:02 41961,什么是Servlet 2,Servlet有什么作用 ... -
Java 之 Array 数组
2012-04-23 22:06 1074Java反射技术除了可以在运行时动态地决定要创建什么类型的对象 ... -
Java 之 String 类型
2012-04-23 22:05 10581. String是一个对象 因为对象的默认值是null,所以 ... -
Java 基本数据类型 sizeof 功能
2012-04-23 22:05 1049Java基本数据类型int 32bitshor ... -
Java Date 和 Calendar
2012-04-23 22:03 927Java 语言的Date(日期),Calendar(日历 ... -
Java Date 和 Calendar 实例
2012-04-23 22:01 1036Java 之 Date 和 Calendar 实例 [ ... -
s5pc110 uboot
2012-04-22 14:53 14411.No MBR错误 如果提示如下错误:Error: ... -
Centos5.4 消息队列rabbitmq的安装及使用
2012-04-22 14:52 1469消息队列的使用能使一些操作异步化,从而能更快的响应用户 ... -
Oracle 在 2011 年取得的 Java 主要成就
2012-04-17 23:54 1470甲骨文公司继续推动 Java 前进的战略。自2010年1 ... -
java如何对Oracle中数据进行备份
2012-04-17 23:52 1365背景:在删除大量数据前,对这些数据进行备份 ... -
JAVA读取Oracle中的blob图片字段并显示
2012-04-17 23:51 2525近期,在给客户做一个Demo页面时,需要用JAVA读取O ... -
Java Build工具Ant与Maven之比较
2012-04-15 23:42 1470没有一件东西能满足你的全部想法除非你自己创造一个出来。同 ... -
一个支持chrome、firefox的全屏插件
2012-04-15 23:37 1947插件代码 (function(){ var fu ... -
js操作checkbox
2012-04-15 23:36 1042遇到操作checkbox的问题全选$("input[ ...
相关推荐
主要为大家详细介绍了jQuery Ajax实现用户名重名实时检测,针对用户注册时出现的用户名重名问题进行自动检测,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
ASP.NET2003+AJAX实现用户名不刷新自动检测。含有数据库SQL2000
简单的Ajax例子实现用户名验证程序,希望有所帮助。。。
using System; using System.Web; using System.Data; using DAL; public class Handler : IHttpHandler { ... public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain";...
Ajax注册验证用户名实例,及各种Ajax的js文件
Ajax实时验证用户名邮箱等是否已经存在,更多免费资源的下载地址: http://download.csdn.net/user/php_fly
php+Ajax+Mysql(数据库可参考Readme) PHP+Mysql+Ajax实现注册时用户名验证
用户注册时验证该用户是否可用,最适合初学者学习。内附oracle数据库,注释详细。
ajax异步验证用户名是否存在,非常小巧的实例,需要安装oracle数据,建立一个用户表,实例中有用户表的实体,可以仿照写一个数据库。
利用Ajax技术实现的一个动态的验证用户注册时用户名不重名的小案例。
NULL 博文链接:https://sxpujs.iteye.com/blog/408386
ajax局部刷新验证重名,希望能个给大家带来一些帮助
利用Ajax实现无刷新验证用户名和密码是否正确,其中是通小图片来显示结果的。
在Eclipse中直接导入,便可运行。 博文链接:https://plkong.iteye.com/blog/213875
利用ajax技术检测用户名是否被占用 对于用户注册这种网站 这个功能是非常实用的
jQuery-ajax-用户名异步请求,转载请注明出处:https://blog.csdn.net/qq_40374604(如有需要欢迎留言,我一定会尽快解答)
基础 全面 PHP+Mysql+Ajax注册时用户名验证
自己学习Ajax后总结的一个例子