頁面

<script type="text/javascript">

$(function(){
$("#username").blur(function(){
var $value = $(this).val();
//alert($value);
if($value!=""){
$.post("${pageContext.request.contextPath }/UserServlet",{"method":"checkName","username":$value},function(data){
//如果data是1 exituser 為空

if(data==1){
//使用者名稱可以使用
//alert(data);
$("#sp1").html("<font color='green'>恭喜使用者名稱可以使用</font>");
$("#regBut").attr("disabled",false);
}else if(data==2){
//使用者名稱不可以使用
//alert(data);
$("#sp1").html("<font color='red'>對不起該使用者名稱已被佔用</font>");
$("#regBut").attr("disabled",true);

}
})
}
})
})

</script>

後臺

/**
* 非同步校驗使用者名稱是否已經存在
*/
public String checkName(HttpServletRequest request, HttpServletResponse response){
try {

String username = request.getParameter("username");
//呼叫service層
UserService userService = new UserServiceImpl();
User exitUser = userService.findByusername(username);
if(exitUser==null){
response.getWriter().println("1");
}else{
response.getWriter().println("2");
}
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return null;
}