Spring MVC数据绑定和响应——数据回写（二）JSON数据的回写

        项目中已经导入了Jackson依赖，可以先调用Jackson的JSON转换的相关方法，将对象或集合转换成JSON数据，然后通过HttpServletResponse将JSON数据写入到输出流中完成回写，具体步骤如下。

        1、修改文件DataController.java，在DataController类中新增showDataByJSON()方法，用于将对象转换成JSON数据并写入输出流中完成回写。

@RequestMapping("showDataByJSON")
public void showDataByJSON(HttpServletResponse response)  {try {	ObjectMapper om = new ObjectMapper();User user = new User();user.setUsername("heima");	user.setPassword("666");String ujson = om.writeValueAsString(user);response.getWriter().print(ujson);} catch (IOException e) {	 e.printStackTrace();	}}

        2、启动chapter12项目，在浏览器中访问地址http://localhost:8080/chapter12/showDataByJSON。访问地址后，执行了showDataByJSON()方法，方法执行后将User对象的数据转换成JSON格式的数据输出到请求页面中了。

一、@ResponseBody注解的使用范围

        @ResponseBody注解可以标注在方法和类上，当标注在类上时，表示该类中的所有方法均应用@ResponseBody注解。如果需要当前类中的所有方法均应用@ResponseBody注解，也可以使用@RestController注解。

二、@ResponseBody注解的2个使用要求

        使用@ResponseBody注解，项目至少需要符合2个要求，分别如下所示。

•    项目中有转换JSON相关的依赖。

•    可以配置转换JSON数据的消息类型转换器。

        针对上述两个要求，chapter12项目都已经满足，项目的pom.xml文件中引入了Jackson相关的依赖，可以用于转换JSON；Spring MVC的配置文件中配置的<mvc:annotation-driven />元素默认注册了Java数据转JSON数据的消息转换器。

        接下来通过一个案例演示使用@ResponseBody注解回写JSON格式的对象数据和集合数据，案例具体实现步骤如下。

1、修改文件DataController.java，在DataController类中新增getUser()方法，用于返回JSON类型的User信息；新增addProducts()方法用于返回JSON类型的Product列表信息。

@RequestMapping("showDataByJSON")public void showDataByJSON(HttpServletResponse response) {try {ObjectMapper om = new ObjectMapper();User user = new User();user.setUsername("heima");user.setPassword("666");String ujson = om.writeValueAsString(user);response.getWriter().print(ujson);} catch (IOException e) {e.printStackTrace();}}

        2、创建一个商品添加页面product_add.jsp，在product_add.jsp中创建一个表格，用于显示用户信息和添加商品信息。product_add.jsp的部分代码如下所示。

<script type="text/javascript">// 添加商品function addProducts() {var url="${pageContext.request.contextPath }/addProducts";$.get(url,function (products) {//将处理器返回的商品列表信息添加到表格中for (var i=0;i<products.length;i++) {
$("#products").append("<tr><td>"+products[i].proId+"</td><td>“+products[i].proName+”</td></tr>");	} })	}
</script>

        3、启动chapter12项目，在浏览器中访问商品添加页面product_add.jsp，访问地址为http://localhost:8080/chapter12/product_add.jsp。页面加载完，页面异步将用户的信息显示在单元格中，成功回写了User对象信息对应的JSON数据。

        4、单击product_add.jsp页面显示效果图所示的“添加多个商品”按钮。单击“添加多个商品”按钮，程序成功回写了List对应的JSON数据。