当前位置 : 主页 > 编程语言 > java >

SpringMVC JSON数据交互实现过程解析

来源:互联网 收集:自由互联 发布时间:2021-04-10
为什么使用JSON进行数据交互? JSON数据格式比较简单、解析比较方便,在接口调用及HTML页面Ajax调用时较常用。 JSON交互方式 请求是Key/Value,响应是JSON(推荐使用) 请求是JSON,响应是JS

为什么使用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;
  }
}

报文头

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易盾网络。

网友评论