json Daten von AngularJS zu WCF Passieren wirft 400 Bad Request Fehler

Question

auf eine Schaltfläche Aufruf dieser Funktion klicken Winkelfunktion

$scope.CreateNewTopic = function() { 
      var userdata = { 
     TopicName:$scope.topicname, 
     TopicDescription: $scope.topicdescription, 
     OriginalPosterID: $scope.userid, 
     CategoryID: $scope.selectedcategory 
    }; 
     DataService.InsertTopicObject(userdata) 

Die Service-Methode, wie unten

ist

InsertTopicObject: function (topic) { 
      $http({ 
       method: 'POST', 
       url: connectionurl + 'InsertNewTopic', 
       headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8' }, 

       data: topic 
      }) 
      .success(function (data, status, headers, config) { 
       // successcallback(data); 
       console.log(data); 
      }) 
      .error(function (data, status, headers, config) { 
       $log.warn(data, status, headers, config); 
      }) 
     } 

WCF

[OperationContract] 
     [WebInvoke(Method = "POST", UriTemplate = "/InsertNewTopic", ResponseFormat = WebMessageFormat.Json, RequestFormat = WebMessageFormat.Json,BodyStyle = WebMessageBodyStyle.Wrapped)] 
     int InsertNewTopic(InsertNewTopic InsertTopicObject); 

public int InsertNewTopic(InsertNewTopic InsertTopicObject) { 

      return SqlHelper.ExecuteNonQuery(SqlConnectionString.GetConnection(), CommandType.StoredProcedure, Constants.SP_Name.ToString(), new SqlParameter("TopicName", InsertTopicObject.TopicName), new SqlParameter("TopicDescription", InsertTopicObject.TopicDescription), new SqlParameter("OriginalPosterID", InsertTopicObject.OriginalPosterID), new SqlParameter("CategoryID", InsertTopicObject.CategoryID)); 

     } 

Die folgenden Fehler oder ich bekomme.

enter image description here

Answer 1

sollten Sie die doppelte Daten überprüfen Sie senden. Wenn RequestFormat = WebMessageFormat.Json,BodyStyle = WebMessageBodyStyle.Wrapped angegeben ist, ist das erwartete Körperformat: {"parameterName":parameterValue}. So, hier haben Sie zwei Möglichkeiten:

- Sie BodyStyle-WebMessageBodyStyle.Bare
ändern kann - Eine weitere Option ist Ihre Daten "verpackt" senden:

$http({ 
    method: 'POST', 
    url: connectionurl + 'InsertNewTopic', 
    data: { 
     'InsertTopicObject' : topic 
    } 
})