spring处理ajax请求,如何实现Springmvc处理ajax请求并返回json数据

如何实现Springmvc处理ajax请求并返回json数据

发布时间：2020-07-02 09:23:14

来源：亿速云

阅读：78

作者：清晨

小编给大家分享一下如何实现Springmvc处理ajax请求并返回json数据，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨方法吧！

①在springmvc方法上添加@ResponseBody注解，springmvc会将数据转换成json并返回；

@ResponseBody //指定返回json数据，不跳转页面

@RequestMapping("/list")

public List list(User user){

System.out.println("获取到异步请求数据："+user);

//todo 根据条件做数据库查询，返回结果集合

ArrayList 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页面中代码为：

$(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)

}

})

})

})

②如果contentType=”application/json”时，在方法的参数前添加@RequestBody注解，获取传递的json字符串，并封装到对象中；

@ResponseBody //指定返回json数据，不跳转页面

@RequestMapping("/list")

public List list(@RequestBody(required=false) User user){

System.out.println("获取到异步请求数据："+user);

//todo 根据条件做数据库查询，返回结果集合

ArrayList 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页面中代码为：

$(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)

}

})

})

})

看完了这篇文章，相信你对如何实现Springmvc处理ajax请求并返回json数据有了一定的了解，想了解更多相关知识，欢迎关注亿速云行业资讯频道，感谢各位的阅读！