通过ajax输出json格式
·
通过ajax输出json格式
@RequestMapping("/a2")
@ResponseBody //返回值默认是json格式
public List<User> ajax2() {
List<User> list = new ArrayList<User>();
list.add(new User("刘啸1",1,"男"));
list.add(new User("刘啸2",1,"男"));
list.add(new User("刘啸3",1,"男"));
list.add(new User("刘啸4",1,"男"));
list.add(new User("刘啸5",1,"男"));
return list;//@ResponseBody返回的默认就是json字符串
}
}
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<input type="button" id="btn" value="获取数据">
<table width="80%" align="center">
<tr>
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
</tr>
<tbody id="content">
</tbody>
</table>
<%--<script src="${pageContext.request.contextPath}/statics/js/jquery-3.4.1.min.js"></script>--%>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
$(function () {
$("#btn").click(function () {
$.post("${pageContext.request.contextPath}/ajax/a2",function(data){
console.log(data);
var html="";
for (var i = 0; i <data.length ; i++) {
html+="<tr>"+
"<td>"+ data[i].name +"</td>"
"<td>"+ data[i].age +"</td>"
"<td>"+ data[i].sex +"</td>"+
"</tr>"
}
$("#content").html(html);
})
})
})
</script>
</body>
</html>
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
1
0- 0
已为社区贡献6条内容
所有评论(0)