SSM框架以json格式傳給前端頁面
阿新 • • 發佈：2018-01-17
url part resp cti tex ppi sel 數據 tis
配置文件和由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格式傳給前端頁面