How to return "response" back to angular code from async method in ASP.NET WEB API

Question

I am doing post to webapi async method from below angular code:

    var app = angular.module('APItest', []);
    app.controller('TestAPI', function ($scope, $http) {
        debugger;
        $scope.test = function () {
            var test = $scope.testModel.CommandText;
            $http({
                method: 'POST',
                url: '/api/CallRestAPI',
                data: JSON.stringify(test),
                contentType: 'application/json',
                dataType: 'json'
            }).then(function successCallback(response) {
                $scope.response = response;
            }, function errorCallback(response) {
                // called asynchronously if an error occurs
                // or server returns response with an error status.
            });
        };

});

this is the controller:

 public class CallRestAPIController:ApiController
{
    public async void  PostToAPI([FromBody]string value)
    {
        var payload = value;

        // Serialize our concrete class into a JSON String
        var stringPayload = await Task.Run(() => JsonConvert.SerializeObject(payload));

        // Wrap our JSON inside a StringContent which then can be used by the HttpClient class
        var httpContent = new StringContent(stringPayload, Encoding.UTF8, "application/json");

        using (var httpClient = new HttpClient())
        {

            // Do the actual request and await the response
            var httpResponse = await httpClient.PostAsync("https://testapi.com/prod/testapi", httpContent);

            // If the response contains content we want to read it!
            if (httpResponse.Content != null)
            {
                var responseContent = await httpResponse.Content.ReadAsStringAsync();
                // From here on you could deserialize the ResponseContent back again to a concrete C# type using Json.Net
                testModel test = new testModel();
                object Desobj = JsonConvert.DeserializeObject(responseContent);
                test.Response = Desobj.ToString();

            }
        }

    }

}

How can I return the test.Response back to the angular successCallback function, since the method is async and I dont know how to handle this.

Thanks

The client post data is a string: "data: JSON.stringify(test)", your code "JsonConvert.SerializeObject(payload)" have no effect! — Fan TianYi
– Fan TianYi, Commented Aug 2, 2016 at 6:47
Why again in the server code calls another api? You can call the api directly in the client code! — Fan TianYi
– Fan TianYi, Commented Aug 2, 2016 at 6:52

thangcao · Accepted Answer · 2016-08-02 06:07:37Z

1

try this:

public async testModel PostToAPI([FromBody]string value)
    {
        var payload = value;
    // Serialize our concrete class into a JSON String
    var stringPayload = await Task.Run(() => JsonConvert.SerializeObject(payload));

    // Wrap our JSON inside a StringContent which then can be used by the HttpClient class
    var httpContent = new StringContent(stringPayload, Encoding.UTF8, "application/json");

    using (var httpClient = new HttpClient())
    {

        // Do the actual request and await the response
        var httpResponse = await httpClient.PostAsync("https://testapi.com/prod/testapi", httpContent);

        // If the response contains content we want to read it!
        if (httpResponse.Content != null)
        {
            var responseContent = await httpResponse.Content.ReadAsStringAsync();
            // From here on you could deserialize the ResponseContent back again to a concrete C# type using Json.Net
            testModel test = new testModel();
            object Desobj = JsonConvert.DeserializeObject(responseContent);
            test.Response = Desobj.ToString();
            return test;      
        }
    }

}

answered Aug 2, 2016 at 6:07

thangcao

1,9091 gold badge14 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Fan TianYi Over a year ago

The client post data is a string: "data: JSON.stringify(test)", the server code "JsonConvert.SerializeObject(payload)" have no effect!

TechnoSavvy · Accepted Answer · 2016-08-02 11:06:37Z

By using Task<TResult> this can be achievable as below:

public class CallRestAPIController:ApiController
{
    public async Task<string> PostToAPI([FromBody]string value)
    {
        var payload = value;

        // Serialize our concrete class into a JSON String
        var stringPayload = await Task.Run(() => JsonConvert.SerializeObject(payload));

        // Wrap our JSON inside a StringContent which then can be used by the HttpClient class
        var httpContent = new StringContent(stringPayload, Encoding.UTF8, "application/json");

        using (var httpClient = new HttpClient())
        {

            // Do the actual request and await the response
            var httpResponse = await httpClient.PostAsync("https://testapi.com/prod/testapi", httpContent);

            // If the response contains content we want to read it!
            if (httpResponse.Content != null)
            {
                var responseContent = await httpResponse.Content.ReadAsStringAsync();
                // From here on you could deserialize the ResponseContent back again to a concrete C# type using Json.Net
                testModel test = new testModel();
                object Desobj = JsonConvert.DeserializeObject(responseContent);
                return test.Response = Desobj.ToString();
            }
             return string.Empty;
        }

    }

}

Collectives™ on Stack Overflow

How to return "response" back to angular code from async method in ASP.NET WEB API

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related