ssm框架给html传值,ssm框架controller层返回json格式数据到页面的实现

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

1.在pom.xml加入依赖

2.5.4

com.fasterxml.jackson.core

jackson-core

${jackson.version}

com.fasterxml.jackson.core

jackson-databind

${jackson.version}

2.dispatcherServlet-servlet.xml中配置

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

@Controller

public class EmployeeController {

//查询所有员工

@Autowired

EmployeeService employeeService;

@RequestMapping("emps")

@ResponseBody

public List getEmps() {

List emps=employeeService.getAll();

System.out.println("emps "+emps.size());

return emps;

}

}

4.测试(使用postman)

5.前端接收数据并解析

渲染界面

$(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

str+="

"+

"

"+data[i].empId+""+

"

"+data[i].empName+""+

"

"+data[i].gender+""+

"

"+data[i].email+""+

"

"+data[i].dId+""+

"

";

}

$("tbody").html(str)

//下面这两种加上没有样式

/* for(var i=0;i

var tr=$("tbody").append("

");

tr.append("

"+data[i].empId+"");

tr.append("

"+data[i].empName+"");

tr.append("

"+data[i].gender+"");

tr.append("

"+data[i].email+"");

tr.append("

"+data[i].dId+"");

} */

/* $.each(data,function(i,data){

var tr=$("tbody").append("

");

tr.append("

"+data.empId+"");

tr.append("

"+data.empName+"");

tr.append("

"+data.gender+"");

tr.append("

"+data.email+"");

tr.append("

"+data.dId+"");

}) */

}

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的日期格式问题的解决方法