MVC 2 - JavaScript array to controller is not working

Question

I am working in MVC2 and .net framework 3.5

While trying to pass a single object to mvc controller it is working fine. But when I try to pass the value as an array, I'm getting property values as null in the controller.

I'm using the below code to do this.

JavaScript

var tdmsConfiguredLayersList = [{Id:1,Name:'Test1'},{Id:2,Name:'Test2'}];
    $.ajax({
            type: "POST",
            //contentType: 'application/json; charset=utf-8',
            //JSON.stringify({ layers: tdmsConfiguredLayersList }),
            data:{layers:tdmsConfiguredLayersList},
            url: rootUrl + "Map/CatalogueDrawing",
            dataType: "json",
            success: function (result) {
                debugger;
            },
            error: function (errResult) {
                debugger;
            }

    });

Controller Code

[HttpPost]
public void CatalogueDrawing(List<LayerViewModel> layers)
{

}

LayerViewModel class

public class LayerViewModel
{
    public int Id { get; set; }
    public string Name { get; set; }
}

Your commened code was almost there. Your need to add contentType: 'application/json; charset=utf-8', and use data: JSON.stringify({ layers: tdmsConfiguredLayersList }) — user3559349
– user3559349, Commented Jul 22, 2016 at 11:52
It does work :) (And assuming its MapController, then use url:'@Url.Action("CatalogueDrawing", "Map")', - don't hard code url's) — user3559349
– user3559349, Commented Jul 22, 2016 at 11:55
adding Content type and json.stringify will solve the issue in .net 4.0 and mvc4. Currently we are working in mvc 2 and .Net 3.5. When trying these in 3.5 layers object in controller is null — Aneesh Sivaraman
– Aneesh Sivaraman, Commented Jul 22, 2016 at 12:02
Have a look at this article_ - the paragraph on the JsonValueProviderFactory and also this article. Otherwise you may need to generate the data to use the default application/x-www-form-urlencoded; charset=UTF-8 - i.e. data: { [0].Id: 1, [0].Name: 'Test1', [1].Id: 2, [1].Name: 'Test2' }, — user3559349
– user3559349, Commented Jul 22, 2016 at 12:14

Namith Krishnan · Accepted Answer · 2016-07-27 08:50:22Z

An alternative way to pass your list to controller in .net 3.5 was pass them as json string and deserialize it from controller

 using System.Web.Script.Serialization;



 var tdmsConfiguredLayersList = [{Id:1,Name:'Test1'},{Id:2,Name:'Test2'}];
  tdmsConfiguredLayersList = JSON.stringify(tdmsConfiguredLayersList);
    $.ajax({
            type: "POST",
            data: { jsonString: tdmsConfiguredLayersList },
            url: rootUrl + "Map/CatalogueDrawing",
            dataType: "json",
            success: function (result) {
                debugger;
            },
            error: function (errResult) {
                debugger;
            }

    });


public void CatalogueDrawing(string jsonString)
{
        var jss = new JavaScriptSerializer();
        List<LayerViewModel> layers = jss.Deserialize<List<LayerViewModel>>(jsonString);
}

Collectives™ on Stack Overflow

MVC 2 - JavaScript array to controller is not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related