Springmvc如何实现处理ajax请求并返回JSON格式的数据？
- 内容介绍
- 文章标签
- 相关推荐
本文共计488个文字，预计阅读时间需要2分钟。
在Spring MVC方法上添加@ResponseBody注解后，Spring MVC会将数据转换为JSON并返回；@ResponseBody //指定返回JSON数据，不跳转页面 @RequestMapping(/list) public List list(User user) { System.out.println(获取到：); }
①在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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。
本文共计488个文字，预计阅读时间需要2分钟。
在Spring MVC方法上添加@ResponseBody注解后，Spring MVC会将数据转换为JSON并返回；@ResponseBody //指定返回JSON数据，不跳转页面 @RequestMapping(/list) public List list(User user) { System.out.println(获取到：); }
①在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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。