ajax实现实时校验

有时候我们在注册用户时候我们输入用户名，他会提示用户名已存在，我们该怎么去实现他呢?

我们要实现以下代码：

<script type="text/javascript">
	$(function(){
			        $("填写输入框的ID").blur(function(){
			          var value=$(this).val();
			          if(value==""){
			            $("#msg").html("用户名不为空")
			            return
			            }else{
			            $("#msg").html("")
			            }
			            jQuery.ajax({
			              "async":true,  //异步加载
			              "data":{"填入controller方法的参数名":value}, //参数
			              "type":"POST",
			              "url":"访问的controller",
			              "dataType":"text",
			              "success":function(data){
			                 var numstr=data;
			              	 if (numstr>=1) {
			              		 $("#msg").html("用户名已存在");
			              		 document.getElementById("btn").disabled = "disabled";
			       				   }else{
							            $("#msg").html("")
							            }
			              }
			            });
			        });
			  });
</script>

访问控制器后，控制器去数据库进行查找是否有该用户名的存在，如果有就返回查找的数据结果（根据用户名查找到数据条数），再用异步请求回应：

          response.getWriter().write(num+"");

这里只是去接受一个参数，去数据库查找是否有，查找有返回的是共有几条数据，一般查找（唯一）用户名，如果有的话，返回的是1，再返回到界面去判断。

			              	 if (numstr>=1) {
			              		 $("#msg").html("用户名已存在");
			              		 document.getElementById("btn").disabled = "disabled";
			       				   }else{
							            $("#msg").html("")
							            }

<span id="msg" style="color:red"></span>

如果>1的话，该设置<span>标签元素的html内容为“用户名已存在”