码迷,mamicode.com
首页 > Web开发 > 详细

SSM框架以json格式传给前端页面

时间:2018-01-17 16:01:51      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:autowired   ppi   server   .ajax   lin   link   class   span   bubuko   

配置文件和由Mybatis逆向工程生成了相关的代码见  登录实现

关键的是在Controller层的方法上加入@ResponseBody注解实现json格式

在控制台输出的json格式数据

技术分享图片

index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP test.jsp starting page</title>
    
     <%
        pageContext.setAttribute("APP_PATH",request.getContextPath());
     %>
    <script type="text/javascript" src="${APP_PATH}/static/js/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="${APP_PATH}/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script type="text/javascript" src="${APP_PATH}/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

  </head>
  
  <body>
    <button id="button">获取数据</button>
   
  </body>
  <script>
  var name=$("#name").val();
  var password=$("#password").val();
  
          $("#button").click(function(){
              $.ajax({
                  url:"${APP_PATH}/depts",
                  success:function(result){
                      console.log(result);
                      console.log(result.length);
                      } 
                  });
          });
      
          
  
  </script>
</html>

DepartmentController.java

package com.ssm.controller;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import com.ssm.bean.Department;
import com.ssm.service.DepartmentService;


@Controller
public class DepartmentController {
        
        @Autowired
        DepartmentService departmentService;
        
        @RequestMapping("/depts")
        @ResponseBody
        public List<Department> getAllDept(){
            
            List<Department> list = departmentService.getDepts();
            return list;
            
        }
        
}

DepartmentService.java

package com.ssm.service;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;


import com.ssm.bean.Department;
import com.ssm.dao.DepartmentMapper;

@Service
public class DepartmentService {
    
    @Autowired
    DepartmentMapper departmentMapper;
    
    public List<Department> getDepts() {
        
        return departmentMapper.selectByExample(null);
    }

}

 

SSM框架以json格式传给前端页面

标签:autowired   ppi   server   .ajax   lin   link   class   span   bubuko   

原文地址:https://www.cnblogs.com/liurg/p/8302811.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!