通常前端頁面發(fā)送ajax請求，我們只需要返回json格式數(shù)據(jù)就行
1.在pom.xml加入依賴
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<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中配置
|
1
2
3
4
5
6
7
8
9
|
<!-- 兩個(gè)標(biāo)準(zhǔn)配置 --> <!-- 將springmvc 不能處理的請求交給tomcat 例如靜態(tài)資源 --> <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數(shù)據(jù)
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
@Controllerpublic 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.前端接收數(shù)據(jù)并解析
渲染界面
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
<script>$(document).ready(function(){ $(function(){ $.ajax({ url:"empsJson", data:"pn=1", type:"get", success:function(data){ //獲取controller傳來的json數(shù)據(jù) //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發(fā)送多個(gè)參數(shù)
發(fā)送
接收
到此這篇關(guān)于ssm框架controller層返回json格式數(shù)據(jù)到頁面的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)ssm controller返回json內(nèi)容請搜索服務(wù)器之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持服務(wù)器之家！
原文鏈接：https://blog.csdn.net/qq_41150890/article/details/108423328
