ajax—json实现验证用户名是否存在功能

注册页register.jsp

 <script>
    
     $(function(){
    	 //文本框点击事件
    	 $("input[name='username']").blur(function(){
    		 //发送ajax请求
    		 $.ajax({
    			 type:"POST",
    			 url:"checkUserName",
    			 data:{
    				 username:$("#username").val()
    			 },
    			 dataType:"json",
    			 error:function(){
    				 alert('ajax请求请求错误...')
    			 },
    			 success:function(data){
    				 //清空
    				 $("#showRet").empty();
    				 if(data.admin=="yes"){
    					 //将接收到的数据显示到文本框
    				 	$("#showRet").text("yes");
    				 } else{
     				 	$("#showRet").text("no");
    				 }
    			 },
    		 })
    	 })
     });
</script>

控制层Controller.java

//**必须加	@ResponseBody
	@RequestMapping("checkUserName")
	@ResponseBody
	public Map<String,String> checkUserName(String username){
		//创建一个map，用来封装数据
		Map<String,String> adminMap = new HashMap<String,String>();
		String flag="yes";
		User u=us.selectUserByname(username);
		if (u!=null) {
			flag="no";
		} 
		adminMap.put("admin",flag);
		//测试输出
		System.out.println("打印这句话说明,Ajax Asynchronous request 发送成功...");
		return adminMap;
	}