@ResponseBody返回4種數據格式的數據

1、返回一個鍵值對或者集合

前端JS請求：

1. //返回值為map的形式
2. $( ".name").blur(function(){
3. $.ajax({
4. type:"Post",//請求類型
5. url: "/mvc-demo/user/nameProving?t="+new Date().getTime(),//請求的url
6. data:{ name:$(".name").val()},//請求參數
7. dataType: "json",//ajax接口（請求url）返回的數據類型
8. success: function(data){//data：返回數據（json對象）
9. if(data.name == "empty"){//name為空，錯誤提示
10. $( ".errorFont").text("用戶名為不能為空！");
11. $( ".errorFont").css("color","red");
12. } else if(data.name == "exist"){
13. $( ".errorFont").text("用戶名已注冊");
14. $( ".errorFont").css("color","green");
15. } else if(data.name == "noexist"){
16. $( ".errorFont").text("用戶名未注冊");
17. $( ".errorFont").css("color","red");
18. }
19. },
20. error:function(data){
21. $( ".errorFont").text("發生未知錯誤，請聯系管理員！");
22. $( ".errorFont").css("color","red");
23. }
24. });
25. });

后端邏輯處理：

1. //驗證用戶是否存在,返回一個鍵值對的數據
2. @RequestMapping( "/nameProving")
3. @ResponseBody
4. public Object nameProving(String name){
5. HashMap< String,String> resultMap=new HashMap<String,String>();
6. if(StringUtils.isEmpty(name)){
7. resultMap.put( "name", "empty");
8. } else{
9. Userss user=userService.getUserByName(name);
10. if(user!=null)
11. resultMap.put( "name", "exist");
12. else
13. resultMap.put( "name", "noexist");
14. }
15. return JSONArray.toJSONString(resultMap);
16. }

2、返回一個JSON格式的String字符串

前端js請求：

1. //返回值為String的形式,dataType:"json"
2. $( ".name").blur(function(){
3. $.ajax({
4. type:"Post",//請求類型
5. url: "/mvc-demo/user/nameProving2?t="+new Date().getTime(),//請求的url
6. data:{ name:$(".name").val()},//請求參數
7. dataType: "json",//ajax接口（請求url）返回的數據類型
8. success: function(data){//data：返回數據（json對象）
9. if(data == "empty"){//name為空，錯誤提示
10. $( ".errorFont").text("用戶名為不能為空2！");
11. $( ".errorFont").css("color","red");
12. } else if(data== "exist"){
13. $( ".errorFont").text("用戶名已注冊2");
14. $( ".errorFont").css("color","green");
15. } else if(data == "noexist"){
16. $( ".errorFont").text("用戶名未注冊2");
17. $( ".errorFont").css("color","red");
18. }
19. },
20. error:function(data){
21. $( ".errorFont").text("發生未知錯誤，請聯系管理員2！");
22. $( ".errorFont").css("color","red");
23. }
24. });
25. });

后端邏輯處理：

1. //驗證用戶是否存在,返回一個轉成json字符串的數據
2. @RequestMapping("/nameProving2")
3. @ResponseBody
4. public String nameProving2(String name){
5. String result= "";
6. if(StringUtils.isEmpty(name)){
7. result= "empty";
8. } else{
9. Userss user=userService.getUserByName(name);
10. if(user!=null)
11. result= "exist";
12. else
13. result= "noexist";
14. }
15. return JSONArray.toJSONString(result);
16. }

3、返回一個字符串

前端js請求：

重點：datatype:"text"

1. //返回值為String的形式,dataType:"text"
2. $( ".name").blur(function(){
3. $.ajax({
4. type:"Post",//請求類型
5. url: "/mvc-demo/user/nameProving3?t="+new Date().getTime(),//請求的url
6. data:{ name:$(".name").val()},//請求參數
7. dataType: "text",//ajax接口（請求url）返回的數據類型
8. success: function(data){//data：返回數據（json對象）
9. if(data == "\"empty\""){//name為空，錯誤提示
10. $( ".errorFont").text("用戶名為不能為空3！");
11. $( ".errorFont").css("color","red");
12. } else if(data== "\"exist\""){
13. $( ".errorFont").text("用戶名已注冊3");
14. $( ".errorFont").css("color","green");
15. } else if(data == "\"noexist\""){
16. $( ".errorFont").text("用戶名未注冊3");
17. $( ".errorFont").css("color","red");
18. }
19. },
20. error:function(data){
21. $( ".errorFont").text("發生未知錯誤，請聯系管理員3！");
22. $( ".errorFont").css("color","red");
23. }
24. });
25. });

后端邏輯處理：

1. //驗證用戶是否存在,返回一個字符串的數據
2. /**
3. * 此方法中有多個注解 method：指定請求方式
4. * required：表示參數是否必須 默認為必須 fslse為不是必須
5. * @param name
6. * @return
7. */
8. @RequestMapping(value="/nameProving3",method=RequestMethod.POST,params="name")
9. @ResponseBody
10. public String nameProving3(@RequestParam(value="name",required=false)String name){
11. String result= "";
12. if(StringUtils.isEmpty(name)){
13. result= "empty";
14. } else{
15. Userss user=userService.getUserByName(name);
16. if(user!=null)
17. result= "exist";
18. else
19. result= "noexist";
20. }
21. return result;
22. }

4、返回一個類對象的數據

前端js請求：

1. //返回值為類對象的形式,dataType:"json"
2. $( ".name").blur(function(){
3. $.ajax({
4. type:"Post",//請求類型
5. url: "/mvc-demo/user/nameProving4?t="+new Date().getTime(),//請求的url
6. data:{ name:$(".name").val()},//請求參數
7. dataType: "json",//ajax接口（請求url）返回的數據類型
8. success: function(data){//data：返回數據（json對象）
9. if(data == null){//name為空，錯誤提示
10. $( ".errorFont").text("用戶名為空或者用戶名不存在4！");
11. $( ".errorFont").css("color","red");
12. } else{
13. $( ".errorFont").text("用戶名"+data.name+"已注冊4");
14. $( ".errorFont").css("color","green");
15. }
16. },
17. error:function(data){
18. $( ".errorFont").text("發生未知錯誤，請聯系管理員2！");
19. $( ".errorFont").css("color","red");
20. }
21. });
22. });

后端邏輯處理：

1. //返回一個類對象
2. @RequestMapping("/nameProving4")
3. @ResponseBody
4. public Userss nameProving4(String name){
5. System. out.println("進來了4");
6. Userss user=userService.getUserByName(name);
7. if(user==null){
8. return null;
9. }
10. return user;
11. }