posting to an api with integer parameter not working with angularJs

Question

I trying to post to a api with accepts an integer parameter using angular as below

 function getDailyErrors() {
            var uri = "/api/users/error-counts/";
            var inData = { numberOfDays : 5}
            return $http.post(uri, inData)
                .then(function (response) {
                    return response.data;
                });
        }

API

 [HttpPost]
        [Route("api/users/error-counts/")]
        public MultiCategorySeriesDto<int> GetErrorCounts(int numberOfDays=15)
        {
            return _uow.Events.Errors(numberOfDays);
        }

for some reasons the API doesn't accept the parameter I passed instead takes the default int parameter. May I know where the mistake is?

Questions seeking debugging help ("why isn't this code working?") must include the desired behavior, a specific problem or error and the shortest code necessary to reproduce it in the question itself. Questions without a clear problem statement are not useful to other readers. See: How to create a minimal reproducible example. — Nkosi
– Nkosi, Commented Jun 16, 2017 at 19:21

Darin Dimitrov · Accepted Answer · 2017-06-16 19:40:04Z

1

Try using a view model:

public class MyViewModel
{
    public int NumberOfDays { get; set; }
}

that your controller action will take as parameter:

[HttpPost]
[Route("api/users/error-counts/")]
public MultiCategorySeriesDto<int> GetErrorCounts(MyViewModel model)
{
    return _uow.Events.Errors(model.NumberOfDays);
}

answered Jun 16, 2017 at 19:40

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

Comments

Nkosi · Accepted Answer · 2017-06-16 19:38:17Z

0

As this is a POST, try using the [FromBody] attribute on the parameter to let the model binder know where to look for the data

[HttpPost]
[Route("api/users/error-counts/")]
public MultiCategorySeriesDto<int> GetErrorCounts([FromBody]int numberOfDays = 15)
{
    return _uow.Events.Errors(numberOfDays);
}

answered Jun 16, 2017 at 19:38

Nkosi

249k38 gold badges472 silver badges506 bronze badges

1 Comment

DoIt Over a year ago

Does it accept optional parameters? because I get the exception "Optional parameter 'numberOfDays' is not supported by 'FormatterParameterBinding'."

Himanshu Bhankar · Accepted Answer · 2017-06-16 20:08:53Z

The below code works fine for me, using the same API code as posted in your question.

    global.Himanshu.ErrorServices.factory('errorcountservices', ['$q', '$http', function ($q, $http) {
    return {getDailyErrors: fucntion()  {
            var deffered = $q.defer();
            $http({
                method: 'POST',
                url:/api/users/error-counts/',
                params: {
                    numberOfDays: 5
                },                    
            }).then(function (response) {
                deffered.resolve(response.data);
            },function (response) {
                deffered.reject(response.data);
            })
            return deffered.promise;
        }}

Collectives™ on Stack Overflow

posting to an api with integer parameter not working with angularJs

3 Answers 3

Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Related