ssm框架controller层返回json格式数据到页面的实现

 更新时间:2020-09-07 04:40:40   作者:佚名   我要评论(0)

通常前端页面发送ajax请求,我们只需要返回json格式数据就行
1.在pom.xml加入依赖



<properties>
<jackson.version>2.5.4</jackson.version>
</properties>
<

通常前端页面发送ajax请求,我们只需要返回json格式数据就行

1.在pom.xml加入依赖

<properties>
  <jackson.version>2.5.4</jackson.version>
 </properties>
 <dependencies> 
 <!-- controller返回json -->
 <dependency>
   <groupId>com.fasterxml.jackson.core</groupId>
   <artifactId>jackson-core</artifactId>
   <version>${jackson.version}</version>
  </dependency>
  
  <dependency>
   <groupId>com.fasterxml.jackson.core</groupId>
   <artifactId>jackson-databind</artifactId>
   <version>${jackson.version}</version>
  </dependency>

2.dispatcherServlet-servlet.xml中配置

<!-- 两个标准配置 -->
	  <!-- 将springmvc 不能处理的请求交给tomcat 例如静态资源 -->
	  <mvc:default-servlet-handler/>
	  <mvc:annotation-driven>
	  <mvc:message-converters>
	     <bean class="org.springframework.http.converter.StringHttpMessageConverter"/>
	     <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"/>
	  </mvc:message-converters>
	 	</mvc:annotation-driven>

3.在controller中获取返回的json数据

@Controller
public class EmployeeController {
	
//	查询所有员工
	@Autowired
	EmployeeService employeeService;

	@RequestMapping("emps")
	@ResponseBody
	public List<Employee> getEmps() {
		List<Employee> emps=employeeService.getAll();
		System.out.println("emps "+emps.size());
		return emps;
	}		
}

果博东方4.测试(使用postman)

果博东方5.前端接收数据并解析

渲染界面

<script>
$(document).ready(function(){
	$(function(){
		$.ajax({
			url:"empsJson",
			data:"pn=1",
			type:"get",
			success:function(data){
				//获取controller传来的json数据
				//alert(data[0].empId);
				//alert(data.length)
				empInfo(data);
			}
		})
	})
})
function empInfo(data){
	var str="";
	for(var i=0;i<data.length;i++){
		str+="<tr>"+
			"<td>"+data[i].empId+"</td>"+
			"<td>"+data[i].empName+"</td>"+
			"<td>"+data[i].gender+"</td>"+
			"<td>"+data[i].email+"</td>"+
			"<td>"+data[i].dId+"</td>"+
			"</tr>";
	}
	$("tbody").html(str)
	
	//下面这两种加上没有样式
	/* for(var i=0;i<data.length;i++){
		var tr=$("tbody").append("<tr></tr>");
		tr.append("<td>"+data[i].empId+"</td>");
		tr.append("<td>"+data[i].empName+"</td>");
		tr.append("<td>"+data[i].gender+"</td>");
		tr.append("<td>"+data[i].email+"</td>");
		tr.append("<td>"+data[i].dId+"</td>"); 
	} */
	/* $.each(data,function(i,data){
		var tr=$("tbody").append("<tr></tr>");
		tr.append("<td>"+data.empId+"</td>");
		tr.append("<td>"+data.empName+"</td>");
		tr.append("<td>"+data.gender+"</td>");
		tr.append("<td>"+data.email+"</td>");
		tr.append("<td>"+data.dId+"</td>");
	}) */
}
</script>

ajax发送多个参数

发送

接收

果博东方到此这篇关于ssm框架controller层返回json格式数据到页面的实现的文章就介绍到这了,更多相关ssm controller返回json内容请搜索脚本之家以前的文章或继续浏览下面的果博东方相关的文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
  • SpringMVC返回json数据的三种方式
  • SpringMVC中controller返回json数据的方法
  • SpringBoot之返回json数据的实现方法
  • SpringBoot返回json和xml的示例代码
  • SpringBoot学习之全局异常处理设置(返回JSON)
  • SpringBoot项目中处理返回json的null值(springboot项目为例)
  • Spring mvc实现Restful返回json格式数据实例详解
  • Spring MVC 中 AJAX请求并返回JSON的示例
  • springmvc学习笔记-返回json的日期格式问题的解决方法

果博东方相关的文章

  • ssm框架controller层返回json格式数据到页面的实现

    ssm框架controller层返回json格式数据到页面的实现

    通常前端页面发送ajax请求,我们只需要返回json格式数据就行 1.在pom.xml加入依赖 <properties> <jackson.version>2.5.4</jackson.version> </properties> <
    2020-09-07
  • Nginx下配置Https证书详细过程

    Nginx下配置Https证书详细过程

    一、Http与Https的区别 HTTP:是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW服务器传输超文本到本地浏览器的传
    2020-09-07
  • 详解Nginx启动失败的几种错误处理

    详解Nginx启动失败的几种错误处理

    使用Nginx做Web服务器过程中,碰到过以下几个问题: 1、nginx启动失败 systemctl start nginx.service 启动nginx失败,报错信息如下: Starting nginx: nginx: [
    2020-09-07
  • Python中实现一行拆多行和多行并一行的示例代码

    Python中实现一行拆多行和多行并一行的示例代码

    粉丝提问 今天粉丝提了下面这样一个问题,其中一个是"一行拆多行",另外一个是"多行并一行",貌似群友用power query已经解决了。但是基于Python怎么做呢?接着往下看
    2020-09-07
  • Nginx 根据URL带的参数转发的实现

    Nginx 根据URL带的参数转发的实现

    使用场景: 需要根据截取URL动态配置跳转路径,常见于访问内网不固定ip地址的文件图片, 请求地址:http://11.19.1.212:82/bimg4/32.52.62.42:222/DownLoadFile&
    2020-09-07
  • SpringBoot快速集成jxls-poi(自定义模板,支持本地文件导出,在线文件导出)

    SpringBoot快速集成jxls-poi(自定义模板,支持本地文件导出,在线文件导出)

    在项目持续集成的过程中,有时候需要实现报表导出和文档导出,类似于excel中这种文档的导出,在要求不高的情况下,有人可能会考虑直接导出csv文件来简化导出过程。但
    2020-09-07
  • 详解Java关于时间格式化的方法

    详解Java关于时间格式化的方法

    一般从数据库获取的时间或日期时间格式化为date或者datetime,为了方便前端渲染,API接口返回的时候需要对日期进行格式化转换,通常会用到 SimpleDateFormat 工具处
    2020-09-07
  • 详解Python3 定义一个跨越多行的字符串的多种方法

    详解Python3 定义一个跨越多行的字符串的多种方法

    方法一:使用三引号 >>> str1 = '''Le vent se lève, il faut tenter de vivre. 起风了,唯有努力生存。 (纵有疾风起,人生不言弃。)''' >>> str1 'Le vent
    2020-09-07
  • 谈谈Java中自定义注解及使用场景

    谈谈Java中自定义注解及使用场景

    Java自定义注解一般使用场景为:自定义注解+拦截器或者AOP,使用自定义注解来自己设计框架,使得代码看起来非常优雅。本文将先从自定义注解的基础概念说起,然后开始
    2020-09-07
  • Docker构建python Flask+ nginx+uwsgi容器

    Docker构建python Flask+ nginx+uwsgi容器

    安装Nginx 首先拉下centos镜像docker pull centos 我们安装最新的nginx1.19版本:下载地址 将centos镜像运行起来并进入: docker run --name ver -d -p 8051
    2020-09-07

最新评论

实用APP沪牌北京雷雨天气中国大妈世界十大战神疫情或持续一两年