文章插图
文章插图
通过前端页面发送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数据@Controllerpublic class EmployeeController {//查询所有员工@AutowiredEmployeeService employeeService;@RequestMapping("emps")@ResponseBodypublic 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发送多个参数发送
【controller如何接收json对象 controller json】接收
- 如何对树化玉进行保养?
- word不显示修改痕迹和备注 word如何显示修改痕迹和批注
- origin如何用模板 origin怎么使用模板
- 如何做网站 新手 个人 教程 新手怎么做网站
- 如何机智的拒绝表白 表白被拒绝后怎么相处恋爱对话
- ps如何把图片一部分给裁剪掉 ps怎么裁剪某个图层图片一部分
- 如何打开json json文件
- 让男人后悔分手让他主动来挽回 男人分手后如何让他来找你
- 螃蟹如何煮
- 怎么给excel加斜线表头 excel中如何添加斜线表头