Sending a LIST of JSON object from javascript to MVC action

Question

In my javascript i make a JSON like object with two properties : ControllerName and WordNumber and add them to an Array.

function TestN() {
                var list = new Array();


            $("*[wordNum]").each(function ()
            {
                var endRes = {
                    ControllerName: this.id,
                    WordNumber: this.getAttribute("wordNum")
                };

                list.push(endRes);


            });


            jQuery.ajax({
                url:' @Url.Action("Translate")' ,
                contentType: "application/json",
                dataType: "json",
                data: { List : JSON.stringify(list) }
,
                traditional: true

            })
        }
    </script>

In .net I've got this class with the same properties :

public class TranslateModel
    {
        public string ControllerName { get; set; }
        public string WordNumber { get; set; }
    }

And here is my action+

 public ActionResult Translate(ICollection<TranslateModel> List)
        { return View(); }

As you may suppose the List property in Translate Action is empty (model binding doesn't work);

try posting without JSON.stringify, just put the raw list

AmmarCSE
– AmmarCSE

2014-05-21 09:23:37 +00:00
Commented May 21, 2014 at 9:23 — AmmarCSE
– AmmarCSE, Commented May 21, 2014 at 9:23

Community · Accepted Answer · 2017-05-23 11:58:34Z

3

when you used JSON.stringify(list), it send string value to the controller action, instead of the object.

there are two approaches 1) either you send string to controller's action and Deserialize string to object and use.

2) create the model property as array of list and send that model to controller action without using JSON.stringify.

here are two links that may help you.

--approach-1

ASP.NET MVC 4 JSON Binding to the View Model - Nested object error

--approach-2 Passing json list to MVC 3

edited May 23, 2017 at 11:58

CommunityBot

11 silver badge

answered May 21, 2014 at 9:38

Brijesh

3627 silver badges17 bronze badges

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

Comments

Lee Bailey · Accepted Answer · 2014-05-21 10:22:11Z

0

Try changing your AJAX function to this:

jQuery.ajax({
    url: ' @Url.Action("Translate")',
    type: 'POST',
    contentType: "application/json",
    dataType: "json",
    data: JSON.stringify({ 'List': list }),
    traditional: true
});

edited May 21, 2014 at 10:22

answered May 21, 2014 at 10:07

Lee Bailey

3,6142 gold badges20 silver badges17 bronze badges

Collectives™ on Stack Overflow

Sending a LIST of JSON object from javascript to MVC action

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related