springmvc + json + js + ajax 数据交互

介绍

这里简单写一下 springmvc 下 页面 js 使用 ajax 请求和返回的 json 数据交互

标签介绍

1. @RequestBody
   @RequestBody 注解用于读取 http 请求的内容(字符串)，通过 springmvc 提供的HttpMessageConverter 接口将读到的内容转换为 json 、xml 等格式的数据并绑定到 controller 方法的参数上。
   eg : List.action?id=1&name=zhangsan&age=12
   本例子应用：
   @RequestBody 注解实现接收 http 请求的 json 数据，将 json 数据转换为 java 对象

2. @ResponseBody
   @ResponseBody 注解用于将 Controller 的方法返回的对象，通过 HttpMessageConverter 接口转换为指定格式的数据如：json , xml等，通过 Response 响应给客户端
   本例子应用：
   @ResponseBody 注解实现将 controller 方法返回对象转换为 json 响应给客户端

环境准备

Springmvc 默认用 MappingJacksonHttpMessageConverter 对 json 数据进行转换，需要加入 jackson 的包

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

Controller 编写

    @RequestMapping("/xxx")
    public @ResponseBody String xxx(@RequestBody Pojo pojo) throws JsonProcessingException{
        System.out.println(pojo);打印前台接受的参数
        //如果你要传递字符串去页面
        String valueAsString = mapper.writeValueAsString("ok");//将字符串 "ok" 转换成json
        return valueAsString;
        //如果你要传递 List， 对象等去页面
        直接 return 你要的 ，当然 ，注意方法的返回类型
    }

js - ajax 方法编写

1.  首先引入 js 

<script src="${pageContext.request.contextPath}/js/jquery-1.11.3.min.js"></script>

2. ajax 编码

    $.ajax({
            url : "url 请求 controller ",
            dataType : "json",
            type : "post",
            data : {
                "pid" : pid //这里传递pojo 属性，会自动封装到 pojo
            },
            success : function(data) {
                alert("删除成功!")
                load();//这里不放写个刷新页面的方法
            },
            error : function() {
                alert("网络错误 , 删除失败! 请重试")
            }
        })
    //当然 
    $.post(...);
    $.get(...); 
    也是可以使用的哦

不妨看看请求头 ， 响应体 ， 您刚刚提交 返回的数据吧 ~~~~