小编给大家分享一下如何实现Springmvc处理ajax请求并返回json数据,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨方法吧!
①在springmvc方法上添加@ResponseBody注解,springmvc会将数据转换成json并返回;
@ResponseBody //指定返回json数据,不跳转页面
@RequestMapping("/list")
public List<User> list(User user){
System.out.println("获取到异步请求数据:"+user);
//todo 根据条件做数据库查询,返回结果集合
ArrayList<User> users=new ArrayList<>();
users.add(new User(1,"james",18,"男"));
users.add(new User(2,"姚明",40,"男"));
users.add(new User(3,"科比",46,"男"));
return users;
}
list.jsp页面中代码为:
<body>
<input type="button" id="btn" value="异步加载数据"/>
<script src="${pageContext.request.contextPath}/static/js/jquery-3.2.1.min.js"></script>
<script>
$(function ($) {
$("#btn").click(function () {
$.ajax({
url:"${pageContext.request.contextPath}/list",
type:"post",
data:{"name":"james","age":18},
dataType:"json",
success:function (result) {
alert("请求成功!")
console.log(result)
}
})
})
})
</script>
</body>
②如果contentType=”application/json”时,在方法的参数前添加@RequestBody注解,获取传递的json字符串,并封装到对象中;
@ResponseBody //指定返回json数据,不跳转页面
@RequestMapping("/list")
public List<User> list(@RequestBody(required=false) User user){
System.out.println("获取到异步请求数据:"+user);
//todo 根据条件做数据库查询,返回结果集合
ArrayList<User> users=new ArrayList<>();
users.add(new User(1,"james",18,"男"));
users.add(new User(2,"姚明",40,"男"));
users.add(new User(3,"科比",46,"男"));
return users;
}
list.jsp页面中代码为:
<body>
<input type="button" id="btn" value="异步加载数据"/>
<script src="${pageContext.request.contextPath}/static/js/jquery-3.2.1.min.js"></script>
<script>
$(function ($) {
$("#btn").click(function () {
var jsonObj={"name":"james","age":18};
$.ajax({
url:"${pageContext.request.contextPath}/list",
type:"post",
data:JSON.stringify(jsonObj),//json字符串 将json对象转化为字符串
dataType:"json",
contentType:"application/json",//指定以json方式传输数据
success:function (result) {
alert("请求成功!")
console.log(result)
}
})
})
})
</script>
</body>
看完了这篇文章,相信你对如何实现Springmvc处理ajax请求并返回json数据有了一定的了解,想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。