1.添加jakson包支持
<!-- jakson版本号 -->
<jackson.version>2.7.9</jackson.version>
<!-- jackson -->
<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>
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-annotations</artifactId>
<version>${jackson.version}</version>
</dependency>
2.springmvc.xml中配置bean
<!-- 用于将对象转化为JSON -->
<bean id="stringConverter" class="org.springframework.http.converter.StringHttpMessageConverter">
<property name="supportedMediaTypes">
<list>
<value>text/plain;cahrtset=utf-8</value>
</list>
</property>
</bean>
<bean id="jsonConverter" class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter" />
<bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">
<property name="messageConverters">
<list>
<ref bean="stringConverter"/>
<ref bean="jsonConverter"/>
</list>
</property>
</bean>
3.User.java
public class User { private int id;
private String name;
private String sex;
public User() {
}
public User(int id, String name, String sex) {
super();
this.id = id;
this.name = name;
this.sex = sex;
}
//get/set方法省略}
4.Controller.java
@Controller
public class JsonController {
@RequestMapping("/json")
//指示方法返回值的注释应绑定到Web响应正文。即将返回值直接传到页面（xhr类型）
@ResponseBody
public List<User> json(){
List<User> list = new ArrayList<User>();
User u1 = new User(1, "丽娜", "女");
User u2 = new User(2, "刘杰", "男");
User u3 = new User(3, "徐斌", "男");
list.add(u1);
list.add(u2);
list.add(u3);
// System.out.println(list);
return list;
}
}
5.json.jsp页面
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
$.post("json.do",function(data){
//返回的是object对象
var html = "";
for(var i=0;i<data.length;i++){
//拼接表格
html+="<tr><td>"+data[i].id+"</td><td>"+data[i].name+"</td><td>"+data[i].sex+"</td></tr>";
}
$("#tbody").html(html);
});
});
});
</script>
</head>
<body>
<button id="btn">显示数据</button><br>
<hr>
<table width="80%">
<tr>
<td>编号:</td>
<td>姓名:</td>
<td>性别:</td>
</tr>
<tbody id="tbody"></tbody>
</table>
</body>
时间： 2024-10-08 10:21:35