Angular $ http POST

Question

veri dizisini geçirin Angular uygulamasından bir nesneyi Nancy çerçeveli bir .NET hizmetine geçirmem gerekiyor.

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

Ama sunucu 500 iç sunucu hatası gönderin:

Bu çalıştı.
Neden çalışmadığını bilmiyorum. Uzman bir web servis uzmanı değilim ama sanırım bir seri hale getirme problemi.

Birisi bana yardımcı olabilir mi?

Answer 1

this post'a göre haklısınız, bu seri hale getirme hakkında. Angular doesn't automatic serialize the data for you, bunu göndermeden önce verileri ayrıştırmak gerekir: jQuery kullanmak istemiyorsanız

... 

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

, sen $.parse kendi rulo gerekir. snippet here veya adapt jQuery implementation olabilir.

Answer 2

angular.toJson(data) 

$.param(data) 

Answer 3

fauverism yerine çalışmalıdır haklı, angular.toJson (veri) kullanabilirsiniz. Bunun yerine, ancak $ .param'dan önce.

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

Eğer $ httpParamSerializer veya $ httpParamSerializerJQLike

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