关于angular $http 中的data传递参数（json字符串）后端没法接收的问题

Posted 2020-09-13 daidao

使用的angular版本1.6.4，后台采用springMVC。
项目要实行前后台分离，前后台交互都采用json，刚开始有些抗拒。
不否认，angular确实好用，不用再花很多心思在繁琐的dom上了。
不过小白我刚刚接触，废了半天劲，传个值都没搞定，心累。
且不论POST对应data,GET对应params的低级错误。
虽然后来知道是angular的$http传值Content-Type默认是‘application/json‘,可没想到

headers: {‘Content-Type‘: ‘application/x-www-form-urlencoded‘}必须置于最后。

var data = JSON.stringify($scope.products);
$http({
    method: "POST",
    url: url,
    data: $.param({data:data}),
    headers: {‘Content-Type‘: ‘application/x-www-form-urlencoded‘}
}).success(function (data) {
}).error(function () {
});
参考链接：http://stackoverflow.com/questions/11442632/how-can-i-post-data-as-form-data-instead-of-a-request-payload