• springmvc的json交互


    springmvc进行json交互

    1、请求json、输出json,要求请求的是json串,所以在前端页面中需要将请求的内容转成json,不太方便。 

    2、请求key/value、输出json。此方法比较常用。

     配置json转换器

    在注解适配器中加入messageConverters

    1 <!--注解适配器 -->
    2     <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">
    3         <property name="messageConverters">
    4         <list>
    5         <bean class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"></bean>
    6         </list>
    7         </property>
    8     </bean>

    注意:如果使用<mvc:annotation-driven /> 则不用定义上边的内容。

    json交互测试

    输入json串,输出是json串

     jsp页面

    使用jquery的ajax提交json串,对输出的json结果进行解析。

     1 //请求json输出json
     2     function requestJson(){
     3         $.ajax({
     4             type:'post',
     5             url:'${pageContext.request.contextPath }/requestJson.action',
     6             contentType:'application/json;charset=utf-8',
     7             //数据格式是json串
     8             data:'{"name":"test","price":999.99}',
     9             success:function(data){//返回json结果
    10                 alert(data);
    11             }
    12         });
    13     }

     controller

    输入key/value,输出是json串

     jsp页面

    使用jquery的ajax提交key/value串,对输出的json结果进行解析。

     1  // 请求key/value 输出json
     2     function responseJson(){
     3         $.ajax({
     4             type:'post',
     5             url:'${pageContext.request.contextPath }/responseJson.action',
     6             //请求是key/value这里不需要指定contentType,因为默认就 是key/value类型
     7             //contentType:'application/json;charset=utf-8',
     8             //数据格式是json串,商品信息
     9             data:'name=手机&price=999',
    10             success:function(data){//返回json结果
    11                 alert(data.name);
    12             }
    13             
    14         });
    15     }

    controller

  • 相关阅读:
    js学习总结----DOM中的节点和关系属性
    js学习总结----谷歌控制台详解
    ajax获取数据的形象比喻,助于理解记忆
    HTTP状态码对应
    jquery的on事件委托
    用 SwitchHosts设置hotst, 用法示例
    4、CommonChunkPlugin提取公共js-提取多个
    3、CommonChunkPlugin提取公共js-以提取一个jquery为例
    html-webpack-plugin
    2、extract-text-webpack-plugin提取Sass编译的Css
  • 原文地址:https://www.cnblogs.com/cuibin/p/6884002.html
Copyright © 2020-2023  润新知