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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了SSM框架以json格式传给前端页面，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2433字，纯文字阅读大概需要4分钟。

内容图文

配置文件和由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);
    }

}

 

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

内容总结

以上是互联网集市为您收集整理的SSM框架以json格式传给前端页面全部内容，希望文章能够帮你解决SSM框架以json格式传给前端页面所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1266018.html

来源：【匿名】