AngularJS - $ http.post以json的形式发送数据

Question

我正在使用angularjs处理autocomplete指令，但遇到了一些问题。

我有一个具有自动填充输入的表单。当我在那里输入内容时，术语变量将作为JSON发送：

但是，当我以另一种形式使用相同的功能（来自不同的角度控制器，但功能相同）时，术语变量发送完美且自动完成工作正常：

这是我的角度函数：

$scope.getCustomers = function (searchString) {
    return $http.post("/customer/data/autocomplete",
        {term: searchString})
        .then(function (response) {
            return response;
        });
};

你认为错在哪里？

Answer 1

使用JSON.stringify（）来包装你的json

var parameter = JSON.stringify({type:"user", username:user_email, password:user_password});
    $http.post(url, parameter).
    success(function(data, status, headers, config) {
        // this callback will be called asynchronously
        // when the response is available
        console.log(data);
      }).
      error(function(data, status, headers, config) {
        // called asynchronously if an error occurs
        // or server returns response with an error status.
      });

Answer 2

考虑在$ http.post中显式设置标题（我把应用程序/ json，因为我不确定你的例子中哪两个版本是工作的，但你可以使用application / x-www-form -urlencoded如果它是另一个）：

$http.post("/customer/data/autocomplete", {term: searchString}, {headers: {'Content-Type': 'application/json'} })
        .then(function (response) {
            return response;
        });

Answer 3

我认为最合适的方法是在进行＆＃34; get＆＃34;时使用相同的代码角度。使用$httpParamSerializer的请求必须将其注入您的控制器，这样您就可以完全执行以下操作而无需使用Jquery，$http.post(url,$httpParamSerializer({param:val}))

app.controller('ctrl',function($scope,$http,$httpParamSerializer){
  $http.post(url,$httpParamSerializer({param:val,secondParam:secondVal}));
}