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

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

时间: 2024-10-12 13:04:26

SSM框架以json格式传给前端页面的相关文章

将Date格式日期在前端页面显示

将Date格式日期在前端页面显示需要在代码中转换为String形式 List<IndustryBean> list=industryService.getByletterOrDateList(industryBean); for (int i = 0; i < list.size(); i++) { Date date = list.get(i).getCreateDate(); SimpleDateFormat sdf = new SimpleDateFormat("yyyy

SSM将后台获取的数据转换成json格式传递到前台页面

1.后台从数据库中获取数据,传递到response中 这一步折腾了我一整天,不知道是因为没有传递到response中还是其他的原因,在前台获取的data,使用alert(data)输出的一直为空值或null有两种方式可以实现这一步.一是利用注解@ResponseBody,二是利用PrintWriter.最终我是通过@ResponseBody成功完成了这一步,而不知道为什么利用PrintWriter总是写不成功,具体的原因我后面再研究研究吧.下面来介绍下这两种实现方式: (1)@ResponseB

SSM框架用JSON进行前后端数据传输

一个根据用户id查找用户信息的简单功能,使用JSON进行数据的传输 前端代码 这里用bootstrap做简单的样式美化,中间留了个div用来异步的显示查询结果,ajax进行前端的数据传输(class内容可以无视,只有美化效果): <form class="form-horizontal" > <label for="firstname" class="col-sm-2 control-label">用户ID</lab

ssm框架实现图片上传显示并保存地址到数据库

本案例是通过springmvc+spring+mybatis框架以商品上传为例,实现的图片上传功能,并把图片的地址保存到数据库并在前台显示上传的图片. 本项目是使用maven搭建的项目,首先看下项目结构 相关配置自行搜索,下边直接实现上传功能 1.创建数据库 DROP TABLE IF EXISTS `product`; CREATE TABLE `product` ( `pid` int(11) NOT NULL AUTO_INCREMENT, `pimage` varchar(255) DE

SpringMVC 统一返回JSON格式数据到前端

有时在给APP做接口功能的时候,都是返回JSON格式的数据,所以最好的只好在工程设置一个统一的数据返回方式 在SpringMVC 直接配置XML可以产生这种配置,比较简单 Spring的版本我用的是4.3.3的 <bean id="mappingJacksonHttpMessageConverter" class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter&qu

如何将查出的日期Data类型以Json格式输出到前端

方法一 在返回的实体的属性中加上注解 // 创建时间    @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")    private Date createDate; 方法二 在Controller中注解一个@InitBinder,使用@ResponseBody时会将实体中的属性为Data类型的转换成JSON格式的日期 private static final SimpleDateFormat DATEFORMAT = new Simple

django--如何将数据结果集序列化传给前端页面展示

示例为一对多的表关系,学生为多,老师为一,设置外键字段可以为空,也就是说关联的老师被删除该学生依然存在,只是相应字段留空 class Teacher(models.Model): name = models.CharField(max_length=10,verbose_name='老师名称') password = models.CharField(max_length=10,verbose_name='密码') class Meta: verbose_name_plural = '教师表'

SSM框架:解决后台传数据到前台中文乱码问题,使用@ResponseBody返回json 中文乱码

场景: 在实际运用场景中,当前台发起请求后,我们需要从后台返回数据给前台,这时,如果返回的数据中包含中文,则经常会出现在后台查询出来都是好好,但是传输回去就莫名的乱码了,而且,我们明明已经在 web.xml 中进行编码过滤了,但还是乱码,让人很头疼. 解决办法: 第一种:这种方法,估计很多人都知道,那就在 controller 中的每个方法的  @RequestMappering 注解中进行编码设置,如下所示: @RequestMapping(value = "/queryUserById&qu

django返回页面和json格式列表给前端AntV图表使用。

ret_char_data = [] # 经费支出分类汇总列表 ret_char_data_root = [] # 经费支出分类汇总列表含总经费 budget_obj = models.Budget.objects.filter(id=request.GET.get("id")).first() payment_year = time.strptime(budget_obj.year_budget, "%Y")[0] payment_previous_year =