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(...);     也是可以使用的哦

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