WebApi dynamic object not binding

Question

I'm trying to send a dynamic object to an ApiController. Setting my breakpoint on the return null line, I see that the parameters is always null.

The AJAX call:

$(':checkbox').click(function (event) {
    var values = $('input[type="checkbox"]:checked').map(function () {
        return $(this).val();
    }).toArray();

    var product = {
        Name: $('#name2').val(),
        Price: $('#price2').val(),
        Category: $('#category2').val()
    };

    $.ajax({
        type: 'GET',
        url: '/api/filter',
        data: JSON.stringify( product ),
        contentType: 'application/json',

        success: function (data) {
            //alert("succeeded");
        },
        error: function (err, data) {
            alert("Error " + err.responseText);
        }
    });

});

The Controller:

[HttpGet]
public IEnumerable<Products> GetAllProducts(dynamic parameters)
{
    return null;
}

Any idea what I'm doing wrong here?

I think there needs to be something in the JSON saying that the object you're passing is named parameters for the automatic stuff to work how you're expecting. — Tim S.
– Tim S., Commented Nov 1, 2013 at 19:35
Maybe JSON.stringify( { parameters: product } ) would get you something. — Tim S.
– Tim S., Commented Nov 1, 2013 at 19:36
In answer to your other question-in-comment below, a GET request is not assumed to have a body, only URL parameters, so no binding is attempted on the body. — iCollect.it Ltd
– iCollect.it Ltd, Commented Jan 17, 2014 at 15:30
@TrueBlueAussie, what do you mean with 'not assumed to have a body'? — Quoter
– Quoter, Commented Jan 17, 2014 at 23:30

Excommunicated · Accepted Answer · 2013-11-01 21:00:58Z

2

EDIT :- Changed original answer from a GET to a POST.

Assuming the code you posted is in the FilterController, the GetAll method normally does not take parameters and is used to get all the products. If you want to populate your dynamic there you should change it to a POST like so..

$.ajax({
        type: 'POST',
        url: '/api/filter/GetAllProducts,
        data: JSON.stringify( product ),
        contentType: 'application/json',

        success: function (data) {
            //alert("succeeded");
        },
        error: function (err, data) {
            alert("Error " + err.responseText);
        }
    });

then adorn you controller with the HttpPost attribute

[HttpPost]
public IEnumerable<Products> GetAllProducts(dynamic parameters)
{
    return null;
}

edited Nov 1, 2013 at 21:00

answered Nov 1, 2013 at 19:38

Excommunicated

1,2728 silver badges14 bronze badges

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

6 Comments

Quoter Over a year ago

I've tried your option too, it's still null. You're right about GetAll, but this was just a test to get some data in a dynamic object.

Quoter Over a year ago

Hmm... that's weird, the post did work. But why doesn't a GET call work?

jones6 Over a year ago

This code is pretty much the same as what we are using. Put a breakpoint before the ajax call and check JSON.stringify( product ) if you are getting null posted.

Excommunicated Over a year ago

my guess would have to do with the Default Model binder in WebAPI, and the differences between GET having parameters in the url and POST having it as part of the body.. If you want to keep is as a GET, you should look into simply returning an IQueryable and using the oData $filter $where etc operators and making it an oData endpoint

Quoter Over a year ago

Do you happen to have a link (to a tutorial or something) about these oData $filter $where etc?

|

Collectives™ on Stack Overflow

WebApi dynamic object not binding

1 Answer 1

6 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Related