Ajax array post using ASP.NET MVC?

Question

Here is a acript that I created to generate an array:

var data_points = $("#bcc_datapoint_selection").find("input:checked").map(function () {
    return $(this).val();
}).get();

Console log output:

["3","4","6"]

Ajax post script:

$.ajax({
    url: '@Url.Action("BccGetMeterReadingsChart", "Widget")',
    type: 'POST',
    data: { dataPoints: data_points },
    success: function (result) {
        $("#bcc_chart").html(result);
    },
    error: function () {
         alert("Seçilen kritere uygun veri bulunamadı!");
    }
}); //end ajax

Controller method:

public ActionResult BccGetMeterReadingsChart(string[] dataPoints)
{
    // Some code
    return Json("", JsonRequestBehavior.AllowGet);
}

Debug output:

dataPoints : null

Request data output:

dataPoints%5b%5d=3&dataPoints%5b%5d=4&dataPoints%5b%5d=6

What am I missing? Is it a problem in an Ajax function? Or another problem?

Darin Dimitrov · Accepted Answer · 2013-02-07 07:12:21Z

3

Try setting the traditional parameter to true for your AJAX request:

$.ajax({
    url: '@Url.Action("BccGetMeterReadingsChart", "Widget")',
    type: 'POST',
    data: { dataPoints: data_points },
    traditional: true,
    success: function (result) {
        $("#bcc_chart").html(result);
    },
    error: function () {
         alert("Seçilen kritere uygun veri bulunamadı!");
    }
});

Now the POST payload will look like this:

dataPoints=3&dataPoints=4&dataPoints=6

And the model binder will happily bind the collection of points to your action argument.

answered Feb 7, 2013 at 7:12

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

1 Comment

SMC Over a year ago

you precious help required here

Collectives™ on Stack Overflow

Ajax array post using ASP.NET MVC?

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related