SringMVC中JSON数据交互(Ajax+ JSON)

本文详细介绍SpringMVC中如何使用@RequestBody和@ResponseBody注解实现前后端JSON数据交互,包括前端Ajax发送JSON数据,后端接收及响应JSON数据,以及SpringMVC配置文件中进行时间格式转换。

SpringMVC已经提供了JSON交互的功能,只需要用就行了,但是需要导包

@RequestBody

作用:

@RequestBody注解用于读取HTTP请求的内容(JSON字符串)

通过SpringMVC提供HttpMessageConveter接口将读到的内容(JSON字符串)转换为Java对象

并绑定到Controller方法的参数上

@ReponseBody

作用:

@ReponseBody注解用于将Controller的方法 的返回的对象(Java对象)

通过Spring提供的HttpMessageConveter接口将数据转成  指定的 数据格式(JSON、xml)

通过response相应给客户端

案例

前端代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script src="../lib/jquery-1.9.1.min.js">
</script>
<script>
    var product = {
        id:10,
        name:"荣耀30",
        price:999,
        createTime:"2019-06-16 10:35:00",
        detail:"啊,好用啊"
    };
    $.ajax({
        url:"/test/testAjax.action",
        data:JSON.stringify(product),

        type:"POST",
        contentType:"application/json;charset=utf-8",
        success:function (data) {
            console.log(data);
        },
        error:function (error) {
            console.log("error:"+error);
        }
    });
</script>
</html>

后端代码:

package com.hxy.controller;

import com.hxy.pojo.Product;
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
public class TestAjaxController {

    @RequestMapping(value = "/test/testAjax.action")
    @ResponseBody
    public Product testAjax(@RequestBody Product product){
        System.out.println(product);
        Product product1 = new Product();
        product1.setId(22);
        product1.setName("啦啦啦");
        return  product1;
    }
}

SpringMVC配置文件,进行时间格式转换String->Date

 <!--注解驱动,配置时间转换格式-->
    <mvc:annotation-driven>
        <mvc:message-converters>
            <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
                <property name="supportedMediaTypes">
                    <list>
                        <value>application/json;charset=utf-8</value>
                        <value>test/json;charset=utf-8</value>
                    </list>
                </property>
                <property name="objectMapper">
                    <bean class="com.fasterxml.jackson.databind.ObjectMapper">
                        <property name="dateFormat">
                            <bean class="java.text.SimpleDateFormat">
                                <constructor-arg type="java.lang.String" value="yyyy-MM-dd HH:mm:ss"></constructor-arg>
                            </bean>
                        </property>
                    </bean>
                </property>
            </bean>
        </mvc:message-converters>
    </mvc:annotation-driven>

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

无名一小卒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值