SpringMVC中响应json数据（异步传送）

1、首先导入3个jar包：

jackson-annotations-2.1.5.jar
jackson-core-2.1.5.jar
jackson-databind-2.1.5.jar

2、在controller中，@RequestMapping注解下添加@ResponseBody注解，自动将数据封装成json

Department有两个属性id和departmentName；

 @Controller

 public class JsonController {

     @RequestMapping(value="/helloJson")

 @ResponseBody

     public List<Department> helloJson() throws IOException{

         List<Department> departList=new ArrayList<Department>();

         departList.add(new Department(2, "财务部"));

         departList.add(new Department(3, "人事部"));

         departList.add(new Department(5, "技术部"));

         return departList;

     }

 }

3、在jsp页面访问后台方法，并接受json数据

 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

 <!-- 动态获取路径，详情查看web应用路径问题（相对路径，绝对路径，动态获取路径）-->

 <%

     String path = request.getContextPath();

     String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

 %>

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <title>Insert title here</title>

 <script type="text/javascript" src="<%=basePath %>public/js/jquery-3.2.1.min.js"></script>

 <script type="text/javascript">

     $(function(){

         $("#testJson").click(function(){

             alert();

             var url="${pageContext.request.contextPath}/helloJson";

             function callback(data){

                 for(var i=0;i<data.length;i++){

                     alert(data[i].id+"-----"+data[i].departmentName);

                     //2-----财务部

                     //3-----人事部

                     //5-----技术部

                 }

             }

             $.post(url,{},callback);

         });

     });

 </script>

 </head>

 <body>

     <button id="testJson">json</button>

 </body>

 </html>

巴特西

SpringMVC中响应json数据（异步传送）

最新文章

热门文章