springmvc前后台json数据的传输

最新推荐文章于 2023-03-23 11:45:43 发布

Drgom

最新推荐文章于 2023-03-23 11:45:43 发布

阅读量195

点赞数

分类专栏： java Spring

本文链接：https://blog.csdn.net/qq_43662627/article/details/106292432

版权

java 同时被 2 个专栏收录

31 篇文章 0 订阅

订阅专栏

Spring

18 篇文章 0 订阅

订阅专栏

本文详细介绍了在SpringMVC框架下，如何进行前后端间JSON数据的传递。从前端的JSON对象创建，到后端控制器接收并解析数据，展示了完整的数据传输流程。

摘要由CSDN通过智能技术生成

//实现序列化对象


import java.io.Serializable;

public class User implements Serializable {
    private String id;
    private Integer age;

    public String getId() {
        return id;
    }

    public void setId(String id) {
        this.id = id;
    }

    public Integer getAge() {
        return age;
    }

    @Override
    public String toString() {
        return "User{" +
                "id='" + id + '\'' +
                ", age=" + age +
                '}';
    }

    public void setAge(Integer age) {
        this.age = age;
    }
}

前端代码

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/5/19 0019
  Time: 10:02
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>


    <script type="text/javascript">
        function testjson() {
            var id=$("#id").val();
            var age=$("#age").val();
            
            $.ajax({
                url:"user/testAjax",
                type:"post",
                contentType:"application/json;charset=UTF-8",
                data:JSON.stringify({id:id,age:age}),
                dataType:"json",

                success:function (data) {
                    alert("参数传递成功")
                    if(data!=null)
                        alert("输入合法的数值"+data.age+" "+data.id);

                }
                }

            )

            
        }


    </script>

    <title>Title</title>
</head>
<body>

<form>
    账号：<input type="text" name="id" id="id">
    年龄: <input type="text" name="age" id="age">
    <input type="button" value="json交互" onclick="testjson()">
</form>
</body>
</html>

控制层代码

package cn.itcast.controller;

import cn.itcast.domin.User;
import org.omg.Messaging.SYNC_WITH_TRANSPORT;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
@RequestMapping("user")
public class Recontroller {
   
    
 
    @RequestMapping(value="testAjax")
    @ResponseBody
    public User AJAX(@RequestBody User user){
        System.out.println("传递参数");
        System.out.println(user);
        return user;
    }


}

Drgom

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
springmvc前后台json数据的传输

//实现序列化对象import java.io.Serializable;public class User implements Serializable { private String id; private Integer age; public String getId() { return id; } public void setId(String id) { this.id = id; }
复制链接

扫一扫

专栏目录