前端AngularJS的POST请求,后端SpringMVC接收数据的小坑

使用AngularJS的$http进行POST请求,默认的Content-type为application/json; charset=UTF-8

为了让SpringMVC的Controller能够接收到数据,进行POST请求时的Content-type应修改为application/x-www-form-urlencoded; charset=UTF-8

具体示例代码如下

var formdata = {    "username" : $scope.username,    "truename" : $scope.truename};$http({    method : 'post',    url : url,    data : formdata,    headers:{'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'},    transformRequest: function(obj) {        var str = [];        for(var p in obj){            str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));        }        return str.join("&");    }}).success(function(response){    console.log("success");    console.log(response);}).error(function(response){    console.log("error");    console.log(response);});

AngularJS默认POST配置看这里

也可以使用jquery代替AngularJS的$http进行请求

具体示例代码如下

var formdata = {    "username" : $scope.username,    "truename" : $scope.truename};$.ajax({    url : url,    type : "POST",    data : formdata,    dataType : "json",    timeout : 10000,    success : function (data) {        console.log(data);    },    error : function (data) {        console.log(data);    },});

这样处理的话,SpringMVC的controller按照常规方式接受数据就好了,可以通过HttpServletRequest接受了

@RequestMapping(value="/back_register",method=RequestMethod.POST)public void register(User user, HttpServletRequest request, HttpServletResponse response) {    System.out.println(user);    String username = request.getParameter("username");    String truename = request.getParameter("truename");    System.out.println("username: " + username);    System.out.println("truename: " + truename);}