springmvc教程:使用json进行数据传输详解

本人花费半年的时间总结的《Java面试指南》已拿腾讯等大厂offer,已开源在github ,欢迎star!

转载声明:转载请注明出处,本技术博客是本人原创文章

本文GitHub https://github.com/OUYANGSIHAI/JavaInterview 已收录,这是我花了6个月总结的一线大厂Java面试总结,本人已拿大厂offer,欢迎star

原文链接:blog.ouyangsihai.cn >> springmvc教程:使用json进行数据传输详解

1.1 @RequestBody

作用:

@RequestBody注解用于读取http请求的内容(字符串),通过springmvc提供的HttpMessageConverter接口将读到的内容转换为json、xml等格式的数据并绑定到controller方法的参数上。

本例子应用:

@RequestBody注解实现接收http请求的json数据,将json数据转换为java对象

1.2 @ResponseBody

作用:

该注解用于将Controller的方法返回的对象,通过HttpMessageConverter接口转换为指定格式的数据如:json,xml等,通过Response响应给客户端

本例子应用:

@ResponseBody注解实现将controller方法返回对象转换为json响应给客户端

1.3 请求json,响应json实现:

1.3.1 环境准备

Springmvc默认用MappingJacksonHttpMessageConverter对json数据进行转换,需要加入jackson的包,如下:

1.3.2 配置json转换器

在注解适配器中加入messageConverters


<!--注解适配器 -->

<bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">

    <property name="messageConverters">

        <list>

            <bean class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"></bean>

        </list>

    </property>

</bean>

注意:如果使用 则不用定义上边的内容。

1.3.3 controller编写


// 商品修改提交json信息,响应json信息
@RequestMapping("/editItemSubmit_RequestJson")
public @ResponseBody Items editItemSubmit_RequestJson(@RequestBody Items items) throws Exception {

  System.out.println(items);

  //itemService.saveItem(items);

  return items;

}

1.3.4 页面js方法编写:

引入 js:


<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.4.4.min.js"></script>

//请求json响应json
function request_json(){

  $.ajax({

    type:"post",
    url:"${pageContext.request.contextPath }/item/editItemSubmit_RequestJson.action",
    contentType:"application/json;charset=utf-8",
    data:'{"name":"测试商品","price":99.9}',
    success:function(data){
      alert(data);
    }

});

}

1.3.5 测试结果:

从上图可以看出请求的数据是json格式

1.4 Form提交,响应json实现:

采用form提交是最常用的作法,通常有post和get两种方法,响应json数据是为了方便客户端处理,实现如下:

1.4.1 环境准备

同第一个例子

1.4.2 controller编写


// 商品修改提交,提交普通form表单数据,响应json
@RequestMapping("/editItemSubmit_ResponseJson")
public @ResponseBody Items editItemSubmit_ResponseJson(Items items) throws Exception {

  System.out.println(items);

  //itemService.saveItem(items);

  return items;

}

1.4.3 页面js方法编写:


function formsubmit(){

  var user = " name=测试商品&price=99.9";

  alert(user);

  $.ajax({
    type:'post',//这里改为get也可以正常执行
    url:'${pageContext.request.contextPath}/item/ editItemSubmit_RequestJson.action',
    //ContentType没指定将默认为:application/x-www-form-urlencoded
    data:user,
    success:function(data){
      alert(data.name);
    }
  })
}

从上边的js代码看出,已去掉ContentType的定义,ContentType默认为:application/x-www-form-urlencoded格式。

1.4.4 测试结果:

从上图可以看出请求的数据是标准的key/value格式。

1.4.5 jquery的form插件插件

针对上边第二种方法,可以使用jquery的form插件提交form表单,实现ajax提交form表单,如下:

引用js:


<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.4.4.min.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.form.min.js"></script>

js方法如下:


function response_json() {

  //form对象
  var formObj = $("#itemForm");

  //执行ajax提交
  formObj.ajaxSubmit({
    dataType : "json",//设置预期服务端返回json
    success : function(responseText) {
      alert(responseText);
    }
  });

}

2.4.5 小结

实际开发中常用第二种方法,请求key/value数据,响应json结果,方便客户端对结果进行解析。

本人花费半年的时间总结的《Java面试指南》已拿腾讯等大厂offer,已开源在github ,欢迎star!

转载声明:转载请注明出处,本技术博客是本人原创文章

本文GitHub https://github.com/OUYANGSIHAI/JavaInterview 已收录,这是我花了6个月总结的一线大厂Java面试总结,本人已拿大厂offer,欢迎star

原文链接:blog.ouyangsihai.cn >> springmvc教程:使用json进行数据传输详解


 上一篇
springmvc教程:利用Validation进行参数校验 springmvc教程:利用Validation进行参数校验
上传图片1.1 配置虚拟目录1.2 配置解析器Validation校验b/s系统中对http请求数据的校验多数在客户端进行,这也是出于简单及用户体验性上考虑,但是在一些安全性要求高的系统中服务端校验是不可缺少的,本节主要学习springmv
下一篇 
springmvc教程:实现图片上传功能 springmvc教程:实现图片上传功能
上传图片1.1 配置虚拟目录1.2 配置解析器 <!-- 文件上传 --> <bean id="multipartResolver" class="org.springframework.web.multipart.commo