Przesyłaj tablicę danych z Angular $ http POST

Question

Muszę przekazać tablicę obiektów z mojej aplikacji Angular do usługi sieciowej .NET ze strukturą Nancy.

Próbowałem to:

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"); 
     }); 
    } 
} 

serwer Ale wysłać 500 wewnętrzny błąd serwera.
Nie wiem, dlaczego to nie działa. Nie jestem ekspertem od usług internetowych, ale myślę, że jest to problem z serializacją.

Czy ktoś może mi pomóc?

Answer 1

Zgodnie z this post, masz rację, chodzi o serializację. Angular doesn't automatic serialize the data for you, trzeba analizować dane przed wysłaniem go:

... 

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

Jeśli nie używasz jQuery, musisz toczyć własną $.parse. Jest snippet here lub możesz adapt jQuery implementation.

Answer 2

angular.toJson(data) 

powinien pracować w miejscu, z

$.param(data) 

Answer 3

fauverism ma rację, można użyć angular.toJson (danych). Zamiast tego, ale przed $ .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

można użyć $ httpParamSerializer lub $ httpParamSerializerJQLike

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