从Angular JS调用WCF POST Restful服务时出错

Question

I am stuck in a strange issue where my GET WCF Restful APIs from AngularJS code is working fine but the POST request is not working. Below is my WCF Post Service Code:

Interface Code and Implementation:

[OperationContract]      
[WebInvoke(Method = "POST",
    ResponseFormat = WebMessageFormat.Json,
    RequestFormat = WebMessageFormat.Json,
    UriTemplate = "TestPost")]
string TestPost(string sValue);

public string TestPost(string sValue)
{
     return sValue;
}

Angular JS Client Code:

$scope.testPostAPI = function ()
{
    var data = $.param(
        {
            FName: "John",
            LName: "Smith"
        });

    var config =
        {
            headers:
            {
                'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;'
            }
        }

    $http.post('http://localhost:5000/RestServiceImpl.svc/TestPost', data, config)
        .success(
        function (data, status, headers, config)
        {                        
            $scope.DOCUMENTSAVERESPONSE = data;  
            $scope.ResponseDetails= 'Response from post service'
        })
        .error(function (data, status, header, config)
        {
            $scope.ResponseDetails = "Data: " + data +
                "<hr />status: " + status +
                "<hr />headers: " + header +
                "<hr />config: " + config;
        });
}

Answer 1

You are passing a complex type from the client to an enpoint expecting a simple type. You have two options.

1 Send the "John Smith" over as a simple type string.

2 Change your formal parameters on your api method to take a Person, for example:

public class Person
{
    public string FName{get;set;}
    public string LName{get;set;}
}


public Person TestPost(Person sValue)
{
    ...
}

Answer 2

Use content type as : application/json and then before passing the data values use JSON.stringify(data)

$http.post(' http://localhost:5000/RestServiceImpl.svc/TestPost ', JSON.stringify(data), config) .success( function (data, status, headers, config) {
$scope.DOCUMENTSAVERESPONSE = data;
$scope.ResponseDetails= 'Response from post service' }) .error(function (data, status, header, config) { $scope.ResponseDetails = "Data: " + data + "

---

status: " + status + "

---

headers: " + header + "

---

config: " + config; });