1. 环境搭建
pom.xml 中添加依赖
- ).jackson-core
- ).jackson-annotations
- ).jackson-databind
2. 前台测试代码
- <%@ page contentType="text/html;charset=UTF-8" language="java" %>
- <HTML>
- <head>
- <title>Ajax</title>
- <script src="js/jquery.min.js"></script>
- <script>
- $(function () {
- $("#btn").click(function () {
- $.Ajax({
- url:"ajax/testAjax1",
- data:'{"uname":"tom","age":18}',
- dataType:"json",
- type:"post",
- contentType:"application/json;charset=utf-8",
- success:function (data) {
- alert(data.uname)
- alert(data.age)
- }
- })
- })
- });
- </script>
- </head>
- <body>
- <input type="button" value="发送" id="btn">
- </body>
- </HTML>
用 Ajax 方式发送 JSON 数据
3. 后台测试代码
- /**
- *@RequestBody 获取到的 JSON 数据自动封装到 pojo 中
- *@ResponseBody 响应的 pojo 自动变成 JSON 数据响应到前台
- */
- @Controller
- @RequestMapping("/ajax")
- public class AjaxController {
- @RequestMapping("/testAjax1")
- public @ResponseBody User textAjax1(@RequestBody User user){
- System.out.println("testAjax1");
- System.out.println(user);// 查看获取的信息
- user.setUname("jack");
- user.setAge(20);
- return user; // 响应设置后的信息
- }
@ResponseBody 也可以直接加在方法上, 功能是一样的
来源: http://www.bubuko.com/infodetail-2805419.html