Angular $ http POSTのデータ配列を渡す

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内部サーバーエラーを送信します。

は、私はこれを試してみました。
なぜ動作しないのかわかりません。私は熟練したWebサービスの専門家ではないが、シリアライゼーションの問題だと思う。

誰かが私を助けることができますか？

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

あなたのWebサービスを期待しているどのようなデータ形式

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