依赖jar包
fastjson
非复杂数据类型的处理(用户名是否存在验证):
Controller编写处理方法:
/**
* AJAX判断用户名是否存在
* @param userCode
* @return
*/
@RequestMapping(value="userCodeExit",method=RequestMethod.GET)
@ResponseBody//将此方法的返回结果直接写入HTTP ResponseBody(Response对象的body数据区)中,也就是响应流中
public Object userCodeExit(@RequestParam String userCode){
HashMap<String, String> result=new HashMap<String, String>();
if(StringUtils.isNullOrEmpty(userCode)){
result.put("userCode", "exist");
}else{
try {
if(userService.findUserByUserCodePassword(userCode, null)!=null){
result.put("userCode", "exist");
}else{
result.put("userCode", "noexist");
}
} catch (Exception e) {
e.printStackTrace();
}
}
return JSONArray.toJSONString(result);
}
js编写:
/*
* 验证
* 失焦\获焦
* jquery的方法传递
*/
userCode.bind("blur",function(){
//ajax后台验证--userCode是否已存在
//user.do?method=ucexist&userCode=**
$.ajax({
type:"GET",//请求类型
url:path+"/userController/userCodeExit",//请求的url
data:{userCode:userCode.val()},//请求参数
dataType:"json",//ajax接口(请求url)返回的数据类型
success:function(data){//data:返回数据(json对象)
if(data.userCode == "exist"){//账号已存在,错误提示
validateTip(userCode.next(),{"color":"red"},imgNo+ " 该用户账号已存在",false);
}else{//账号可用,正确提示
validateTip(userCode.next(),{"color":"green"},imgYes+" 该账号可以使用",true);
}
},
error:function(data){//当访问时候,404,500 等非200的错误状态码
validateTip(userCode.next(),{"color":"red"},imgNo+" 您访问的页面不存在",false);
}
});
}).bind("focus",function(){
//显示友情提示
validateTip(userCode.next(),{"color":"#666666"},"* 用户编码是您登录系统的账号",false);
}).focus();
userName.bind("focus",function(){
validateTip(userName.next(),{"color":"#666666"},"* 用户名长度必须是大于1小于10的字符",false);
}).bind("blur",function(){
if(userName.val() != null && userName.val().length > 1
&& userName.val().length < 10){
validateTip(userName.next(),{"color":"green"},imgYes,true);
}else{
validateTip(userName.next(),{"color":"red"},imgNo+" 用户名输入的不符合规范,请重新输入",false);
}
});