0059 Spring MVC与浏览器间的JSON数据转换--@RequestBody--@ResponseBody--MappingJacson2HttpMessageConverter

浏览器与服务器之间的数据交换有很多类型，不只是表单提交数据这一种，比如ajax技术就大量使用json、xml等，这时候就涉及到浏览器端和服务器端数据格式转换的问题，服务器端都是Java对象，需要把请求信息转为Java对象，或者把Java对象转换为响应信息，Spring提供了很重要的接口HttpMessageConverter。

这个接口有很多实现类完成信息转换，比如：

----StringHttpMessageConverter----将请求信息转为字符串

----ByteArrayHttpMessageConverter----读写二进制数据

----SourceHttpMessageConverter----读写javax.xml.transform.Source类型的数据

----XmlAwareFormHttpMessageConverter----转换部分表单数据是xml的数据

----MappingJackson2HttpMessageConverter----用Jackson开源类包读写JSON数据

----Jaxb2RootElementHttpMessageConverter----通过JAXB2读写XML数据

。。。。。。还有很多

DispatcerServlet默认装配了RequestMappingHandlerAdapter，而后者默认装配了上面前4个HttpMessageConverter

其实json跟Java对象的转换就三个要素：一个转换器，两个注解（@RequestBody、@ResponseBody）

MappingJackson2HttpMessageConverter转换json数据

这是Spring MVC默认的json转换器，虽然是默认，但还得自己导入jar包。也可以用别的转换器，后面再说

因为Spring MVC默认使用该转换器，因此applicationContext.xml中只需要配置<mvc:annotation-driven />即可

用GET或者POST提交数据的时候，HTTP请求头的Content-Type大概有以下三种：

----application/x-www-form-urlencoded：@RequestParam、@ModelAttribute、@RequestBody都可以处理

----multipart/form-data：@RequestBody没法处理

----application/json、application/xml：必须用@RequestBody处理

@RequestBody将请求信息中的json转为Java对象

@ResonseBody将处理方法返回的Java对象转为json

还以上传书籍信息为例，用ajax将书籍信息以json的格式上传，后端修改数据后转换为json传给浏览器，再显示出来

先写index.html

<!DOCTYPE html>

<html>

<head>

    <title>浏览器与服务器间用json传递数据</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <script type="text/javascript" src="resources/jquery-3.1.0.js"></script>

    <script type="text/javascript" src="resources/json2.js"></script><!-- 下面的JSON.stringify()即由此js提供 -->

    <script type="text/javascript">

        function sendRequest(){

            var bookname=$("#bookname").val();

            var author=$("#author").val();

            var press=$("#press").val();

            var isbn=$("#isbn").val();

            var douban=$("#douban").val();

            $.ajax({       /*用jQuery发送ajax请求*/

                url:"addbook",

                type:"POST", /*注意下面的data数据部分，JSON.stringify()的作用是把json对象转为json字符串，不能少*/

                data:JSON.stringify({"bookname":bookname,"author":author,"press":press,"isbn":isbn,"douban":douban}),

                contentType:"application/json", /*将HTTP请求的Content-Type设置为“application/json”*/

                dataType:"json",

                success:function(result){

                    alert(result.bookname);

                    $("#b").html(result.bookname);

                    $("#a").html(result.author);

                    $("#p").html(result.press);

                    $("#i").html(result.isbn);

                    $("#d").html(result.douban);

                }

            });

        }

        $(function(){  /*页面载入完毕后执行这个函数*/

            $("#submit").click(sendRequest); /*为“提交”按钮绑定单击事件*/

        });

    </script>

</head>

<body>

    <div>

        书名：<input name="bookname" id="bookname" /><br>

        作者：<input name="author" id="author" /><br>

        出版社：<input name="press" id="press" /><br>

        ISBN：<input name="isbn" id="isbn"/><br>

        豆瓣评分：<input name="douban" id="douban"/><br>

        <button type="button" id="submit">提交</button>

    </div>

        <h3 style="color:red;">下面是服务器返回的信息</h3>

        <p>书名：<span id="b" style="color:red"></span></p>

        <p>作者：<span id="a" style="color:red"></span></p>

        <p>出版社：<span id="p" style="color:red"></span></p>

        <p>ISBN：<span id="i" style="color:red"></span></p>

        <p>豆瓣评分：<span id="d" style="color:red"></span></p>

</body>

</html>

写Controller

package net.sonng.mvcdemo.controller;

import javax.servlet.http.HttpServletResponse;

import net.sonng.mvcdemo.entity.Book;

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 BookJSONController {

    @ResponseBody  //该注解将处理方法的返回值转换为json

    @RequestMapping("/addbook") //下面的@RequestBody可以将请求内容中的json转为Java对象

    public Book editBookInfo(@RequestBody Book book ){

        book.setBookname(book.getBookname()+"----处理方法修改了数据");

        book.setAuthor(book.getAuthor()+"----处理方法修改了数据");

        book.setPress(book.getPress()+"----处理方法修改了数据");

        book.setIsbn(book.getIsbn()+"----处理方法修改了数据");

        return book;

    }

}

浏览器访问localhost:8888/mvcdemo/index.html 输入信息后提交，下方即将服务器返回的信息列处理了

自定义JSON的HttpMessaageConverter转换器

用alibaba的fastjson：下载或者用maven引入http://maven.aliyun.com/nexus/#nexus-search;quick~fastjson

主要就是改下applicationContext.xml配置：

<mvc:annotation-driven>

    <mvc:message-converters register-defaults="false"> <!-- 不使用默认配置 -->

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

        <bean class="org.springframework.http.converter.xml.XmlAwareFormHttpMessageConverter" />

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

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

        <bean class="com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter" >

            <property name="supportedMediaTypes"> <!-- 支持的媒体类型 -->

                <list>

                    <value>text/html;charset=UTF-8</value><!-- 顺序不要写反了，否则IE会出现下载提示 -->

                    <value>application/json;charset=UTF-8</value>

                </list>

            </property>

        </bean>

    </mvc:message-converters>

</mvc:annotation-driven>

总的说：json转换就是一个转换器，两个注解