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转换就是一个转换器,两个注解

posted @ 2017-03-31 16:36  sonng  阅读(4841)  评论(0编辑  收藏