返回键值对或者集合
前端JS请求
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
// 返回值为Map的形式
$(".name").blur(function() {
$.ajax({
type : "Post",
url : "/mvc-demo/user/nameProving?t=" + new Date().getTime(),
data : {name:$(".name").val()}, // 请求参数
dataType : "json", // Ajax接口（请求URL）返回的数据类型
success : function(data) { // data：返回数据（JSON对象）
if(data.name == "empty") {
$(".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");
}
});
});
后端逻辑处理
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 验证用户是否存在，返回一个键值对的数据
@RequestMapping("/nameProving")
@ResponseBody
public Object nameProving(String name) {
HashMap<String, String> resultMap = new HashMap<String, String>();
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);
}
返回JSON格式的字符串
前端JS请求
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
// 返回值为String的形式，dataType:"json"
$(".name").blur(function() {
$.ajax({
type : "Post",
url : "/mvc-demo/user/nameProving2?t=" + new Date().getTime(),
data : {name:$(".name").val()},
dataType : "json",
success : function(data) { // data：返回数据（JSON对象）
if(data == "empty") {
$(".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");
}
});
});
后端逻辑处理
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 验证用户是否存在，返回一个转成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请求
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
// 返回值为String的形式，dataType:"text"
$(".name").blur(function() {
$.ajax({
type : "Post",
url : "/mvc-demo/user/nameProving3?t=" + new Date().getTime(),
data : {name:$(".name").val()},
dataType : "text"
success:function(data) {
if(data == "\"empty\"") {
$(".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");
}
});
});
后端逻辑处理
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
// 验证用户是否存在，返回一个字符串的数据
/**
* 此方法中有多个注解
* 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请求
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// 返回值为类对象的形式，dataType:"json"
$(".name").blur(function() {
$.ajax({
type : "Post",
url : "/mvc-demo/user/nameProving4?t="+new Date().getTime(),
data : {name:$(".name").val()},
dataType : "json",
success : function(data) {
if (data == null) {
$(".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");
}
});
});
后端逻辑处理
1
2
3
4
5
6
7
8
9
10
// 返回一个类对象
@RequestMapping("/nameProving4")
@ResponseBody
public User nameProving4(String name) {
User user = userService.getUserByName(name);
if(user==null){
return null;
}
return user;
}