Pass two parameters to WEB API call using angular post

Question

I have the following post method in my WEB API controller:

public async Task<HttpResponseMessage> SendPost(Application application)

I call it through javascript using angular.js $http.post and pass through the application parameter as JSON:

$http.post("/api/AController/SendPost", JSON.stringify(application)).
            success(function (data, status, headers, config) {
}

This works.

Now I want to pass through a second parameter as a simple string (I can't modify the existing application JSON object).I tried a few different ways suggested on the web but none of them seem to work. I need to be able to do soemthing like this:

Controller:

public async Task<HttpResponseMessage> SendPost(RentalApplication application,string test)

Javascript:

           $http.post("/api/TessIntegration/SendPost", {application:JSON.stringify(application),test:"Some value"}).
            success(function (data, status, headers, config) {
}

ThiagoPXP · Accepted Answer · 2015-09-23 06:58:23Z

5

You cannot get multiple objects from the body in WebAPI.

If you were passing two complex objects, the solution would be to wrap them into another complex object.

public async Task<HttpResponseMessage> SendPost(SuperComplex request)

public class SuperComplex {
    public Application Application { get; set; }
    public AnotherObject Object { get; set; }
}

$http.post("/api/AController/SendPost", { application: application, Object: {} });

Now if the 2nd parameters is a simple object (such as a string) you can just pass it by queryString instead.

$http.post("/api/AController/SendPost?test=some+value", application );

Also, you don't have to stringify, Angular does it for you.

answered Sep 23, 2015 at 6:58

ThiagoPXP

5,4823 gold badges34 silver badges45 bronze badges

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

Comments

Denys Wessels · Accepted Answer · 2016-08-14 16:11:18Z

2

Found a solution using Newtonsoft.Json.Linq.JObject:

Controller:

public async Task<HttpResponseMessage> SendPost(JObject data)
{
    RentalApplication application = data["application"].ToObject<RentalApplication>();
    string test = data["test"].ToObject<string>();
}

Javascript:

        var data = {
            application : application,
            test : "sample value"
        };

        $http.post("/api/TessIntegration/SendPost",data).
        success(function (data, status, headers, config) {

}

edited Aug 14, 2016 at 16:11

answered Sep 23, 2015 at 7:21

Denys Wessels

17.1k16 gold badges85 silver badges121 bronze badges

Comments

jitin14 · Accepted Answer · 2019-08-21 05:15:29Z

0

Update to @Denys answer. Use of JObject is not necessary. Simply use JSON.stringify(data) in your javascript as:

JAVASCRIPT:

var data = {
        application : application,
        test : "sample value"
    };

    $http.post("/api/TessIntegration/SendPost",data).
    success(function (JSON.stringify(data), status, headers, config) {

C#

Change definition of controller endpoint as:

public async Task<HttpResponseMessage> SendPost(RentalApplication application, string test)
{
    RentalApplication application = data["application"].ToObject<RentalApplication>();
    string test = data["test"].ToObject<string>();
}

answered Aug 21, 2019 at 5:15

jitin14

1427 bronze badges

Collectives™ on Stack Overflow

Pass two parameters to WEB API call using angular post

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related