您的位置:首页 > Web前端 > AngularJS

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

2017-06-01 13:02 447 查看

前端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);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  spring mvc angularjs
相关文章推荐