springmvc + json + js + ajax 数据交互

介绍

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

标签介绍

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

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

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