ajax验证用户名是否重复的问题

[haolisdk1]

我想做一个注册页面，当用户输入用户名之后，通过查询数据库看这个用户名是否已经存在，我的jsp中代码如下：
<table>
<tr>
<td>用户名：</td>
<td><input type="text" name="name" onblur="checkUserNum()"/>
<span id="user_name_span" style="display:inline;">(输入员工姓名)</span>
</td>
</tr>

checkUserNum()函数的代码如下：
function checkUserNum(userNum){
var url = '/check/check1/CheckName.jsp?user_num='+userNum;
sendUserRequest(url);

}
请问sendUserRequest(url)方法该如何写啊？请高手指教！

[qsrock]

可以参考下http://qsrock.javaeye.com/blog/170328
这个是我以前写过的例子

[richard_2010]

$.ajax({
type: "POST",
url: "/check/check1/CheckName.jsp",
data: "username=John",
success: function(msg){
alert( ": " + msg );
}
});

用的jquery框架

[zty_nit]

推荐使用DWR之类的框架

[zhaoxikuaile]

用jquery就很好实现的啊

[haolisdk1]

哦，一楼的例子对我看过了，现在可以实现验证用户名是否重复的功能了，多谢啊！

[binghaizjw]

可以利用jquery框架 或是dwr来实现。

[javaforever_cn]

在我的个人资源里有一个例子。什么框架都不用纯jsp+javascript+ajax的demo

[Alien]

//AJAX核心对象
	var xmlHttp = null;
	
	//初始化方法
	function init(){
		  //非IE浏览器，用xmlhttprequest对象创建
		  if(window.XMLHttpRequest) 
	      {
	          xmlHttp=new XMLHttpRequest();
	      }
	      //IE浏览器用activexobject对象创建
	      else if(window.ActiveXObject) 
	      {
	          xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
	      }
	}
	
	//主调方法，通过这个方法提交数据到后台进行验证
	function check(){
		//需要进行验证的控件
		var v = document.getElementById("username");
		if(v.value != ""){
			//初始化xmlHttp对象
			if(xmlHttp == null){
				init();
			}
			//指定数据处理者，即数据最终提交的路径
			var url = "validateUsername.do?username='"+v.value+"'";
			//设置并打开请求通道，如下设置为GET方式发出请求，并且异步处理
			xmlHttp.open("GET",url,true);
			// 客户端等待请求的相应，并调用callback方法作出相应的动作
			xmlHttp.onreadystatechange = callback;
			//发出请求
			xmlHttp.send(null);
		}
	}
	
	//回调方法
	function callback(){
		var isInvalidate = document.getElementById("isInvalidate");
		//readyState == 4表示请求返回，status == 200 表示请求成功返回
		if(xmlHttp.readyState != 4 || xmlHttp.status != 200){
			//显示等待图片
			var waitInfo = "<img src='/taskmgr/img/41.gif' alt='等待中...' height='30px' />检测中...";
			isInvalidate.innerHTML = waitInfo;
		}
		else{
			//responseText用来取得服务器端的回应信息
			var text = xmlHttp.responseText;
			if(text == 0){
				isInvalidate.innerHTML = "这个用户名可用";
			}else if(text == 1){
				isInvalidate.innerHTML = "这个用户名已经存在！";  
			}
		}
	}

看看吧~~