美文网首页程序员
JSON数据交互

JSON数据交互

作者: 常威爆打来福 | 来源:发表于2018-05-19 13:30 被阅读0次

    一 JSON简介

    JSON简介

    二 json数据交互

    (1)请求json,输出json, 需要请求数据为json,需要在前端转为json不太方便。不常用。
    (2)请求key/value、输出json,常用。


    JSON交互

    三 环境搭建

    1 jar包(maven)
    <!--json包-->
        <dependency>
          <groupId>com.fasterxml.jackson.core</groupId>
          <artifactId>jackson-databind</artifactId>
          <version>2.7.2</version>
        </dependency>
        <dependency>
          <groupId>org.codehaus.jackson</groupId>
          <artifactId>jackson-mapper-asl</artifactId>
          <version>1.9.13</version>
        </dependency>
    
    2 配置json转换器(在适配器中配置)
    <!--注解适配器 -->
    <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>
    
    3 注意如果使用<mvc:annotation-driven />则不用定义上边的内容。

    四 测试(输入json,输出json)

    页面

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
        <script src="js/jquery.min.js"></script>
        <script type="text/javascript">
            $(function () {
                $("#button").click(function () {
                    $.ajax({
                        type:'post',
                        url:'/json/jsonTest.action',
                        data:'{"username":"张三","sex":"男"}',
                        contentType:'application/json;charset=utf-8',
                        success:function (data) {
                            $("#content").append('username'+data.username+'<br>'+'sex'+data.sex);
                        }
                    });
                });
            });
        </script>
    </head>
    <body>
    <input type="button" value="点击提交" id="button">
    <div id="content"></div>
    </body>
    </html>
    

    controller

    @Controller
    @RequestMapping("/json")
    public class JsonController {
        @RequestMapping("/jsonTest")
        public @ResponseBody User jsonTest(@RequestBody User user){
            return user;
        }
    }
    
    测试页面
    测试成功

    相关文章

      网友评论

        本文标题:JSON数据交互

        本文链接:https://www.haomeiwen.com/subject/rfrndftx.html