SpringMVC 数据交互

为什么使用JSON进行数据交互?#

  JSON数据格式比较简单、解析比较方便,在接口调用及HTML页面Ajax调用时较常用。

JSON交互方式#

  • 请求是Key/Value,响应是JSON(推荐使用)
  • 请求是JSON,响应是JSON

依赖包#

        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.9.8</version>
        </dependency>

测试#

请求k/v,响应json#

jsp页面#

复制代码
function responseKV(){
    $.ajax({
        type:"post",
        url:'${pageContext.request.contextPath }/responseKV',
        //输入是key/value时,默认就指定好了contentType了,不需要再指定了
        //contentType:'application/json;charset=utf-8',
        //data为key/value形式
        data:'name=json测试&price=999',
        success:function(data){
            alert(data);
        }
    });
}
复制代码

Controller类(类上加响应标记:@ResponseBody)#

// 输入是key/value,输出是json
// @ResponseBody 将返回值转成json串响应给前台
@RequestMapping("/responseKV")
@ResponseBody
public Item responseKV(Item item) {
    return item;
}

报文头#

 请求JSON,响应JSON#

jsp页面#

复制代码
function requestJson(){
    $.ajax({
        type:"post",
        url:'${pageContext.request.contextPath }/requestJson',
        //输入是json是 ,需要指定contentType为application/json
        contentType:'application/json;charset=utf-8',
        data:'{"name":"json测试","price":999}',
        success:function(data){
            alert(data.name);
        }
    });
}
复制代码

Controller类(请求参数上加:@RequestBody标记;类上加@ResponseBody标记)#

复制代码
@Controller
public class JsonController {
    // 输入是json,输出是json
    // @RequestBody 将请求的json串转成java对象
    // @ResponseBody 将返回值转成json串响应给前台
    @RequestMapping("/requestJson")
    @ResponseBody
    public Item requestJson(@RequestBody Item item) {
        return item;
    }
}
复制代码

报文头#

 

posted @   陈彦斌  阅读(229)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示
主题色彩