Question

我需要将一个对象数组从我的Angular应用程序传递到一个带有Nancy框架的.Net Web服务。

我试过了：

function TestCtrl($scope, $http){
    $scope.postTest = function(){

        var data = [obj1, obj2, obj3];

        $http({
            url: 'myURL',
            method: "POST",
            data: data,
            headers: {
                     'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
            }
        }).success(function(data){
            alert("done");
        });
    }
}

但服务器发送500内部服务器错误我不知道为什么它不起作用。我不是专家的网络服务专家，但我认为这是一个序列化问题。

有人可以帮助我吗？

Answer 1

根据this post，你是对的，这是关于序列化的。 Angular doesn't automatic serialize the data for you，您需要在发送数据之前解析数据：

...

$http({
  url: 'myURL',
  method: "POST",
  data: $.param(data),
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
  }
})...

如果你不使用jQuery，你需要自己推出$.parse。有一个snippet here或者你可以adapt jQuery implementation。

Answer 2

angular.toJson(data)

应该取代

$.param(data)

Answer 3

fauverism是对的，您可以使用angular.toJson（数据）。不是，而是在$ .param之前。

function TestCtrl($scope, $http){
$scope.postTest = function(){

    var data = [obj1, obj2, obj3];
    var jsonData=angular.toJson(data);
    var objectToSerialize={'object':jsonData};

    $http({
        url: 'myURL',
        method: "POST",
        data: $.param(objectToSerialize),
        headers: {
                 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
        }
    }).success(function(data){
        alert("done");
    });
}

}

Answer 4

你可以使用$ httpParamSerializer或$ httpParamSerializerJQLike

$http(
    url: 'myURL',
    method: "POST",
    data: $httpParamSerializer(data),
)

从Angular $ http POST传递数据数组

4 个答案: