美文网首页
json数据交互

json数据交互

作者: Stringer | 来源:发表于2016-12-07 15:18 被阅读126次

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

    本例子应用:
    @RequestBody注解实现接收http请求的json数据,将json数据转换为java对象

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

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

    请求json,响应json实现:
    环境准备
    Springmvc默认用MappingJacksonHttpMessageConverter对json数据进行转换,需要加入jackson的包

    配置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>```
    
    注意:如果使用<mvc:annotation-driven /> 则不用定义上边的内容。
    
    
    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;

    }```
    

    页面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);
                }
            });
        }```
    
    
    
    请key/value,响应json实现:
    表单默认请求application/x-www-form-urlencoded格式的数据即key/value,通常有post和get两种方法,响应json数据是为了方便客户端处理,实现如下:
    
    环境准备
    同第一个例子
    controller编写
    
    // 商品修改提交,提交普通form表单数据,响应json
    @RequestMapping("/editItemSubmit_ResponseJson")
    public @ResponseBody Items editItemSubmit_ResponseJson(Items items) throws Exception {
    
        System.out.println(items);
    

    // itemService.saveItem(items);
    return items;
    }```

    6.5.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格式
    
    
    
    实际开发中常用第二种方法,请求key/value数据,响应json结果,方便客户端对结果进行解析。

    相关文章

      网友评论

          本文标题:json数据交互

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