Passing array of integers to webapi Method

Question

I am trying to pass an array of int but I can not get the value in the webapi method

var postData = { "deletedIds": deletedIds };

    $.ajax({
        type: "DELETE",
        traditional: true,
        dataType: 'json',
        contentType: 'application/json',
        cache: false,
        url: "/api/Management/Models",
        data: JSON.stringify(postData),
        success: ModelDeleted,
        error: ModelNotDeleted
    });

and in apiController :

[HttpDelete]
        public bool DeleteModel(int[] deletedIds)
        {
            return modelsRepository.DeleteModels(deletedIds);
        }

Solution 1

Your code looking pretty Ok to me. Please define structure of "deletedIds" object. one suggestion is to Use new Array() object to initialize deletedIds property and remove JSON.stringify() . A similar question asked here.

EDIT

Web API supports parsing content data in a variety of ways, but it does not deal with multiple posted content values. A solution for your problem could be to create a ViewModel with a property of int[] type. Like code below,

public class SimpleViewModel
{
    public int[] deletedIds{ get; set; }
}

//Controller
[HttpDelete]
    public bool DeleteModel(SimpleViewModel deletedIds)
    {
        return modelsRepository.DeleteModels(deletedIds.deletedIds);
    }

and use it as parameter type.

Solution 2

At last, based on @Shashank Answer it worked and the code modified as :

var deletedIds = new Array();

deletedIds.push(modelId);

var postData = { "DeletedIds": deletedIds };
$.ajax({
    type: "Delete",
    traditional: true,
    dataType: 'json',
    cache: false,
    url: "/api/Management/Models",
    data: postData,
    success: ModelDeleted,
    error: ModelNotDeleted
});

and the apiController :

[HttpDelete]
        public bool DeleteModels(DeleteViewModel dvm)
        {
            return modelsRepository.DeleteModels(dvm.DeletedIds);
        }

and for the DeleteViewModel :

public class DeleteViewModel
    {
        public int[] DeletedIds { get; set; }
    }

Comments

[Muhammad Alaa]

I tried to use new Array but still get null on webapi method parameter

[Muhammad Alaa]

Thanks for your reply but the question you referenced is not the same my code is working fine when I use action method in regular controller but when url is to webapi it can not get the data

[Shashank]

Use firebug to test post data.

[Muhammad Alaa]

the data is ok on client side but the problem is webapi uses different model binding than mvc

[Shashank]

decorating your action parameter with the [FromUri] attribute. this post may help you.

[Joanna Derks]

And either way, if your controller method expects integers, why stringify them in JS?

[Muhammad Alaa]

stringify was just a try I made up a test action method in a regular controller and it works mvc modelbinder works but webapi not !!

[Joanna Derks]

@MuhammadAlaa - post the exact JSON you're sending with the request. Is the controller method hit at all? Are you getting an empty array?

[Muhammad Alaa]

I tried to send static data just for test I get an empty array in the apicontroller method

[Joanna Derks]

@Muhammad Alaa - post here the JSON you are sending, static or not, otherwise I can't help you