Pass Array von Daten von Angular $ http POST

Question

Ich muss ein Array von Objekt aus meiner Angular-Anwendung zu einem. Net-Web-Service mit Nancy-Framework übergeben.

Ich versuchte dies:

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

Aber Server 500 Interner Serverfehler senden.
Ich weiß nicht, warum es nicht funktioniert. Ich bin kein Experte für Web-Services, aber ich denke, es ist ein Serialisierungsproblem.

Kann mir jemand helfen?

Answer 1

Nach this post, hast du recht, hier geht es um Serialisierung. Angular doesn't automatic serialize the data for you, müssen Sie die Daten analysieren, bevor sie zu senden:

... 

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

Wenn Sie nicht jQuery verwenden, werden Sie Ihre eigenen $.parse rollen müssen. Es gibt eine snippet here oder Sie könnten adapt jQuery implementation.

Answer 2

angular.toJson(data) 

sollte

$.param(data) 

Answer 3

fauverism anstelle von Arbeit richtig ist, können Sie angular.toJson (Daten) verwenden. Nicht stattdessen, aber vor $ .param obwohl.

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

Sie $ httpParamSerializer oder $ httpParamSerializerJQLike

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