Search code examples
jqueryjquery-post

jQuery post() with serialize and array of data


i am unable to get collection value during post in mvc 3. it is returning null.

$.post("/Work/Post", { vm: $('#myForm').serializeArray(), 'collection': ['a', 'b', 'c'] });

//Or


var data = $('#myForm').serializeArray();
data.push({ name: 'collection', value: ['a', 'b', 'c'] });
$.post("/Work/Post", data);

//Or

var data = $('#myForm').serializeArray();
data.push({ name: 'collection[]', value: ['a', 'b', 'c'] });
$.post("/Work/Post", data);

Solution

  •                 var model = $('#myForm').serializeArray();
    
                    $.map(['a', 'b', 'c'], function (val, i) {
                        return model.push({ "name": "collection[" + i + "]", "value": val });
                    });
    
                    $.post("/Work/Post", model);
                    //OR
                    $.post("/Work/Post", model, function (data) {
                        //After Success
                    });