AJAX/JQUERY访问Controller返回各种JSON形式

最新推荐文章于 2021-03-14 07:18:46 发布

FRESHET

最新推荐文章于 2021-03-14 07:18:46 发布

阅读量618

点赞数 2

分类专栏： JAVAEE 文章标签： springboot ajax jquery json lambda

本文链接：https://blog.csdn.net/FRESHET/article/details/100731518

版权

JAVAEE 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

package com.example.demo.controller;

import java.util.ArrayList;
import java.util.Arrays;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.servlet.ModelAndView;

import com.example.demo.pojo.Student;

@RestController
public class JsonController {

   @RequestMapping("/j1")
   public ModelAndView j1() {
       return new ModelAndView("j1.html");
   }

   @RequestMapping("/j2")
   public String j2() {
       return "hello";
   }

   // 返回MAP形式转换的JSON
   @RequestMapping("/j3")
   public Map<String, Object> j3() {

       Map<String, Object> map = new HashMap<String, Object>();
       map.put("hello", 1);
       map.put("world", 1.5f);
       map.put("foo", true);
       map.put("bar", "ok");

return map;
}

   // 返回对象形式转换的JSON
   @RequestMapping("/j4")
   public Student j4() {

       Student student = new Student();
       student.setId(1);
       student.setName("smith");
       student.setWeight(185.5f);
       student.setMale(true);
       student.setLikes(Arrays.asList("football", "basketball", "volleyball"));

return student;
}

   // 返回List套Map形式转换的JSON
   @RequestMapping("/j5")
   public List<Map<String,Object>> j5() {

       List<Map<String,Object>> list=new ArrayList<Map<String,Object>>();

       Map<String, Object> map = new HashMap<String, Object>();
       map.put("hello", 1);
       map.put("world", 1.5f);
       map.put("foo", true);
       map.put("bar", "yes");

       Map<String, Object> map2 = new HashMap<String, Object>();
       map2.put("hello", 12);
       map2.put("world", 12.5f);
       map2.put("foo", false);
       map2.put("bar", "no");

       list.add(map);
       list.add(map2);

return list;
}

   // 返回List套对象形式转换的JSON
   @RequestMapping("/j6")
   public List<Student> j6() {

       List<Student> students=new ArrayList<Student>();
       Student student = new Student();
       student.setId(1);
       student.setName("smith");
       student.setWeight(185.5f);
       student.setMale(true);
       student.setLikes(Arrays.asList("football", "basketball", "volleyball"));

       Student student2 = new Student();
       student2.setId(2);
       student2.setName("sarah");
       student2.setWeight(165.5f);
       student2.setMale(false);
       student2.setLikes(Arrays.asList("shopping", "market", "walk"));

       students.add(student);
       students.add(student2);

return students;
}

}

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<script type="text/javascript" src="js/jquery-1.8.2.min.js">
</script>
<script type="text/javascript">

   //访问响应url的controller并返回三string
   function ajaxPost2(url){
       $.post(url,function(data){
           alert(data);
       });
   }

   //访问响应url的controller并返回MAP转换的json字符串
   function ajaxPost3(url){
       $.post(url,function(data){

           //true参与运算相等于1
           alert(data['hello']+data['world']+data['foo']+data['bar']);
           //两者有区别
           alert(data['hello']+" "+data['world']+" "+data['foo']+" "+data['bar']);

       });
   }

   //访问响应url的controller并返回对象转换的json字符串
   function ajaxPost4(url){
       $.post(url,function(data){

           //true参与运算相等于1
           //alert(data['id']+data['name']+data['weights']+data['male']);
           //两者有区别
           alert(data['id']+" "+data['name']+" "+data['weight']+" "+data['male']);

           var t="";

           //普通循环
/*            for(var i=0;i<data['likes'].length;i++){
               t+=data['likes'][i]+" ";
           }; */

           //forEach循环
/*            data['likes'].forEach(function(like){
               t+=like+" ";
           }); */

           //Lambda写法
           data['likes'].forEach(like=>t+=like+" ");
           alert(t);
       });
   }

   //访问响应url的controller并返回对象转换的json字符串
   function ajaxPost5(url){
       $.post(url,function(datas){

           datas.forEach(function(data){
               alert(data['hello']+" "+data['world']+" "+data['foo']+" "+data['bar']);
           });
       });
   }

   //访问响应url的controller并返回List套对象形式转换的JSON
   function ajaxPost6(url){
       $.post(url,function(datas){
           var t="";
           datas.forEach(function(data){
               data['likes'].forEach(like=>t+=like+" ");
               alert(data['id']+" "+data['name']+" "+data['weight']+" "+data['male']+" "+t);
               t="";
           });
       });
   }

</script>
</head>
<body>
用框架自动转换JSON

</body>
</html>

FRESHET

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AJAX/JQUERY访问Controller返回各种JSON形式

package com.example.demo.controller;import java.util.ArrayList;import java.util.Arrays;import java.util.HashMap;import java.util.List;import java.util.Map;import org.springframework.stereotype...
复制链接

扫一扫