2019-01-28 关于 前后台交互传值的问题

@RequestBody应用

当时并不太了解@RequestBody，也并没有使用js提供的JSON.stringify()方法

所有都是自己写的，比如js将json转为字符串的方法，后台接收json转成实体的方法。

最近接触到了@RequestBody，于是想将之前的代码改写一下。

首先@RequestBody需要接的参数是一个string化的json，这里直接使用JSON.stringify(json)这个方法来转化

其次@RequestBody，从名称上来看也就是说要读取的数据在请求体里，所以要发post请求

第三，要设置contentType，contentType:"application/json，明确的告诉服务器发送的内容是json，而默认的contentType是application/x-www-form-urlencoded; charset=UTF-8

当接收参数的时候，用@RequestParam，并且

当不用@ RequestParam时候，必须保证和前端传递name名字相同，否则必须按照严格的格式写@RequestParam(value="path") String path1！！

表单序列化后 转json串

var DataDeal = {
        //将从form中通过$('#refer').serialize()获取的值转成json
        formToJson: function (data) {
            data=data.replace(/&/g,"\",\"");
            data=data.replace(/=/g,"\":\"");
            data="{\""+data+"\"}";
            return data;
        }
    };
    var dataCollect=$('#form').serialize();
                dataCollect= decodeURIComponent(dataCollect,true);//防止中文乱码
                var jsondata=DataDeal.formToJson(dataCollect);//转化为json

1. 遇到个跨域调用，因为传个我的参数不定，所以需要通过来接收参数并进行签名验证等操作
   理所当然的写出了下面的代码，但是发现map里并没有获取到传来的key-value值

    @RequestMapping(value = "/callback", produces = "text/html;charset=UTF-8")  
    @ResponseBody  
    public String callback(@RequestBody Map<String, String> params) {  
        return null;  
    }  

• 之后我发现HttpServletRequest有一个getParameterMap方法好像很牛逼的样子

    @RequestMapping(value = "/callback", produces = "text/html;charset=UTF-8")  
    @ResponseBody  
    public String callback(HttpServletRequest httpServletRequest) {  
        Map<String, String> params = httpServletRequest.getParameterMap();  
        return null;  
    }  

• 然而这么写还是不对，因为这个方法其实是返回的一个Map<String, String[]>对象，而不是我想象中的简单的Map<String, String>类型，这里是可以获得正确的参数的，但是需要手动进行转换，不可能是这种情况呀，一定有更好的解决办法

“用@RequestParam试试”，然后就对了。。对了。。了。。

@RequestMapping(value = "/callback", produces = "text/html;charset=UTF-8")  
@ResponseBody  
public String callback(@RequestParam Map<String, String> params) {  
    return null;  
}

2.以前，一直以为在SpringMVC环境中，@RequestBody接收的是一个Json对象，一直在调试代码都没有成功，后来发现，其实 @RequestBody接收的是一个Json对象的字符串，而不是一个Json对象。然而在ajax请求往往传的都是Json对象，后来发现用 JSON.stringify(data)的方式就能将对象变成字符串。同时ajax请求的时候也要指定dataType: "json",contentType:"application/json" 这样就可以轻易的将一个对象或者List传到Java端，使用@RequestBody即可绑定对象或者List.

• JavaScript 代码：

<script type="text/javascript">  
    $(document).ready(function(){  
        var saveDataAry=[];  
        var data1={"userName":"test","address":"gz"};  
        var data2={"userName":"ququ","address":"gr"};  
        saveDataAry.push(data1);  
        saveDataAry.push(data2);         
        $.ajax({
            type:"POST",
            url:"user/saveUser",
            dataType:"json",      
            contentType:"application/json",               
            data:JSON.stringify(saveData),
            success:function(data){
                                       
            }
         });
    });  
</script>

• Java代码

  @RequestMapping(value = "saveUser", method = {RequestMethod.POST }}) 
    @ResponseBody  
    public void saveUser(@RequestBody List<User> users) { 
         userService.batchSave(users); 
    }