How to pass multiple post parameters to web api using angular typescript

Question

I would like to pass multiple values to the following web api using angularjs typescript.

// POST api/values
        public void Post([FromBody]string value1, [FromBody]string value2)
        {
        }

I would like to call the above method something like this

$http.post('api/values', ???)

As I need to do some validations on the page by passing multiple parameters to the database. I also tried with GET instead of post but didn't work for me.

Please share your thoughts.

Thank you. Hari C

Aleksey L. · Accepted Answer · 2016-05-31 15:51:31Z

1

You can't read multiple values "FromBody". Instead you should define "Request" class with all needed parameters:

    public class Request
    {
        public string Value1 { get; set; } 
        public string Value2 { get; set; } 
    }

    //POST api/values
    public void Post([FromBody]Request request)
    {
    }

And then like Aran said you can go this way

$http.post('api/values', {Value1:"foo", Value2:"bar"});

answered May 31, 2016 at 15:51

Aleksey L.

38.4k11 gold badges86 silver badges90 bronze badges

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

Comments

AranS · Accepted Answer · 2016-05-31 14:45:36Z

0

Use the data property (the second argument of $http.post) to pass your parameters:

$http.post('api/values', {x:"foo", y:"bar"});

answered May 31, 2016 at 14:45

AranS

1,91113 silver badges22 bronze badges

Collectives™ on Stack Overflow

How to pass multiple post parameters to web api using angular typescript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related