SSM下前后端分离数据交互

SSM下前后端分离数据交互

1. json交互

   1. 后端用@RequestBody注解 用javabean或者map接受

   2. 前端需要添加

      1. contentType: “application/json;charset=UTF-8”,
      2. JSON.stringify(数据)

         $.ajax({
                         url: rootUrl + '/test',
                         dataType: "json",   //返回格式为json,
                         contentType: "application/json;charset=UTF-8",
                         data: image,//该变量已被转过
                         async: true,//请求是否异步，默认为异步，这也是ajax重要特性
                         type: "POST",   //请求方式{"goods":data.field}, function (data) {
                         success: function (req) {
                         }
         }) 
         

   3. 后端代码块

      @RequestMapping("/test")
      public void test(@RequestBody Map<String,String> goods){}
      

   4. 总结
      使用此方式 数据会以json串形式添加到请求体中，在后端需要使用RequestBody注解接受。

2. 若后端想用对应key接受,前端不添加contentType

   1. 前端请求代码

       $.ajax({
                      url: rootUrl + '/test',
                      dataType: "json",   //返回格式为json,
                      data: {
                          'old': old,
                          'newP': new
                      },
      

   2. 后端接受代码

      	@RequestMapping("/test")
      	public void test(String old,String newP){}
      

   3. 总结
      若想使用JavaBean接受前端传来表单数据使用第一种方式，若只想传输一个数据即可使用第二种方式。

3. 以上个人总结，若有错误，还望指出。