SSM框架整合-提交JSON,获取JSON数据

• jquery.min.js
  
  因为要使用jquery进行提交和解析json格式数据，所以需要把jquery.mini.js复制到WebContent目录下先
  
• json中文问题
  
  虽然在spring mvc 中文问题里已经提供了过滤器进行ssm的中文处理，但是json处理还要加点额外的内容。
  把原本的 
  
  修改为如下：
  

• CategoryController
  
  控制器里提供3个方法，分别用来处理json 提交，json获取单个对象，json获取多个对象
  

  package com.how2java.controller;
  import java.util.ArrayList;
  import java.util.List;
   
  import org.springframework.stereotype.Controller;
  import org.springframework.web.bind.annotation.RequestBody;
  import org.springframework.web.bind.annotation.RequestMapping;
  import org.springframework.web.bind.annotation.ResponseBody;
   
  import com.alibaba.fastjson.JSONObject;
  import com.how2java.pojo.Category;
   
  // 告诉spring mvc这是一个控制器类
  @Controller
  @RequestMapping("")
  public class CategoryController {
      @ResponseBody
      @RequestMapping("/submitCategory")
      public String submitCategory(@RequestBody Category category) {
          System.out.println("SSM接受到浏览器提交的json，并转换为Category对象:"+category);
          return "ok";
      }
       
      @ResponseBody
      @RequestMapping("/getOneCategory")
      public String getOneCategory() {
           Category c = new Category();
           c.setId(100);
           c.setName("第100个分类");
           JSONObject json= new JSONObject();
           json.put("category", JSONObject.toJSON(c));
           return json.toJSONString();
      }
      @ResponseBody
      @RequestMapping("/getManyCategory")
      public String getManyCategory() {
          List cs = new ArrayList<>();
          for (int i = 0; i < 10; i++) {
              Category c = new Category();
              c.setId(i);
              c.setName("分类名称:"+i);
              cs.add(c);
          }
   
          return JSONObject.toJSON(cs).toString();
      }
   
  }

• submit.html
  
  提交成功后，在tomcat控制台查看使用json方式提交的数据
  注： 不要在eclipse自带的浏览器里面点击，自带的浏览器有bug，有时候不能识别jquery, 会导致点击没有反应。 使用独立的浏览器，比如chrome,firefox点击测试
  
  

  
  
  
   
   
   
   
   
      
   
         id：
   
         名称：
   
            
      
   
      
   
          
       
   
      
  

• getOne.html
  
  点击按钮，获取json数据
  
  

• getMany.html
  
  点击按钮，获取多个json数据