前端JS请求:
//返回值为map的形式
$(".name").blur(function(){
$.ajax({
type:"Post",//请求类型
url:"/mvc-demo/user/nameProving?t="+new Date().getTime(),//请求的url
data:{name:$(".name").val()},//请求参数
dataType:"json",//ajax接口(请求url)返回的数据类型
success:function(data){//data:返回数据(json对象)
if(data.name == "empty"){//name为空,错误提示
$(".errorFont").text("用户名为不能为空!");
$(".errorFont").css("color","red");
}else if(data.name == "exist"){
$(".errorFont").text("用户名已注册");
$(".errorFont").css("color","green");
}else if(data.name == "noexist"){
$(".errorFont").text("用户名未注册");
$(".errorFont").css("color","red");
}
},
error:function(data){
$(".errorFont").text("发生未知错误,请联系管理员!");
$(".errorFont").css("color","red");
}
});
});
后端逻辑处理:
//验证用户是否存在,返回一个键值对的数据
@RequestMapping("/nameProving")
@ResponseBody
public Object nameProving(String name){
HashMap resultMap=new HashMap();
if(StringUtils.isEmpty(name)){
resultMap.put("name", "empty");
}else{
Userss user=userService.getUserByName(name);
if(user!=null)
resultMap.put("name", "exist");
else
resultMap.put("name", "noexist");
}
return JSONArray.toJSONString(resultMap);
}
前端js请求:
//返回值为String的形式,dataType:"json"
$(".name").blur(function(){
$.ajax({
type:"Post",//请求类型
url:"/mvc-demo/user/nameProving2?t="+new Date().getTime(),//请求的url
data:{name:$(".name").val()},//请求参数
dataType:"json",//ajax接口(请求url)返回的数据类型
success:function(data){//data:返回数据(json对象)
if(data == "empty"){//name为空,错误提示
$(".errorFont").text("用户名为不能为空2!");
$(".errorFont").css("color","red");
}else if(data== "exist"){
$(".errorFont").text("用户名已注册2");
$(".errorFont").css("color","green");
}else if(data == "noexist"){
$(".errorFont").text("用户名未注册2");
$(".errorFont").css("color","red");
}
},
error:function(data){
$(".errorFont").text("发生未知错误,请联系管理员2!");
$(".errorFont").css("color","red");
}
});
});
后端逻辑处理:
//验证用户是否存在,返回一个转成json字符串的数据
@RequestMapping("/nameProving2")
@ResponseBody
public String nameProving2(String name){
String result="";
if(StringUtils.isEmpty(name)){
result= "empty";
}else{
Userss user=userService.getUserByName(name);
if(user!=null)
result= "exist";
else
result= "noexist";
}
return JSONArray.toJSONString(result);
}
前端js请求:
重点:datatype:"text"
//返回值为String的形式,dataType:"text"
$(".name").blur(function(){
$.ajax({
type:"Post",//请求类型
url:"/mvc-demo/user/nameProving3?t="+new Date().getTime(),//请求的url
data:{name:$(".name").val()},//请求参数
dataType:"text",//ajax接口(请求url)返回的数据类型
success:function(data){//data:返回数据(json对象)
if(data == "\"empty\""){//name为空,错误提示
$(".errorFont").text("用户名为不能为空3!");
$(".errorFont").css("color","red");
}else if(data== "\"exist\""){
$(".errorFont").text("用户名已注册3");
$(".errorFont").css("color","green");
}else if(data == "\"noexist\""){
$(".errorFont").text("用户名未注册3");
$(".errorFont").css("color","red");
}
},
error:function(data){
$(".errorFont").text("发生未知错误,请联系管理员3!");
$(".errorFont").css("color","red");
}
});
});
后端逻辑处理:
//验证用户是否存在,返回一个字符串的数据
/**
* 此方法中有多个注解 method:指定请求方式
* required:表示参数是否必须 默认为必须 fslse为不是必须
* @param name
* @return
*/
@RequestMapping(value="/nameProving3",method=RequestMethod.POST,params="name")
@ResponseBody
public String nameProving3(@RequestParam(value="name",required=false)String name){
String result="";
if(StringUtils.isEmpty(name)){
result= "empty";
}else{
Userss user=userService.getUserByName(name);
if(user!=null)
result= "exist";
else
result= "noexist";
}
return result;
}
前端js请求:
//返回值为类对象的形式,dataType:"json"
$(".name").blur(function(){
$.ajax({
type:"Post",//请求类型
url:"/mvc-demo/user/nameProving4?t="+new Date().getTime(),//请求的url
data:{name:$(".name").val()},//请求参数
dataType:"json",//ajax接口(请求url)返回的数据类型
success:function(data){//data:返回数据(json对象)
if(data == null){//name为空,错误提示
$(".errorFont").text("用户名为空或者用户名不存在4!");
$(".errorFont").css("color","red");
}else{
$(".errorFont").text("用户名"+data.name+"已注册4");
$(".errorFont").css("color","green");
}
},
error:function(data){
$(".errorFont").text("发生未知错误,请联系管理员2!");
$(".errorFont").css("color","red");
}
});
});
后端逻辑处理:
//返回一个类对象
@RequestMapping("/nameProving4")
@ResponseBody
public Userss nameProving4(String name){
System.out.println("进来了4");
Userss user=userService.getUserByName(name);
if(user==null){
return null;
}
return user;
}