AngularJS HTTP发布请求-参数未到达服务器

Question

我正在尝试使用angularjs创建发布请求。 这是我向服务器添加供应商的代码。

SupplierService.addNewSupplier = function(supplier)  {
    alert (supplier.name);
    alert (supplier.mobile);
    var Indata = {'name': supplier.name, 'mobile': supplier.mobile};
    //var Indata = {'product': $scope.product, 'product2': $scope.product2 };
    var req = {
        url: SupplierURL,
        method: 'POST',
        params: Indata,
        headers: {'Content-Type': 'application/json'}
    };

    //$http.post(SupplierURL, Indata)
    $http(req)
        .then(function(success){
            console.log(success);
            //SupplierList.push({id: data, name: supplier.name, mobile: supplier.mobile});
            supplier.name = "";
            supplier.mobile = "";
        },function (error){
            console.log(error);

            alert ('Supplier add error.');
        });

};

发出请求后，回调将进入错误部分，并且在控制台日志中可以看到。

{错误：是，消息：“无法创建供应商。请重试”，名称：null，移动设备：null}

为什么名称和手机无法到达服务器。 邮递员（api测试工具）也可以使用相同的请求。 所以我不认为服务器端代码中会出现anu问题。 任何帮助将不胜感激。

Answer 1

从$ http文档中，您可以清楚地看到请求参数：

https://docs.angularjs.org/api/ng/service/$http

var req = {
 method: 'POST',
 url: 'http://example.com',
 headers: {
   'Content-Type': undefined
 },
 data: { test: 'test' }
}

$http(req).then(function(){...}, function(){...});

因此，在您的情况下，您需要使用data切换params ：

 var req = {
        url: SupplierURL,
        method: 'POST',
        data: Indata,
        headers: {'Content-Type': 'application/json'}
    };