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;
}