JQUERY ajax passing null value from MVC View to Controller

Question

hi guys i'm posting some data to controller using jquery ajax, but i am getting null values in my controller,

jQuery code is:

$('#registerCompOff').click(function() {

    var compOff = [];
    $('div').each(function() {
        var curRow = {};
        curRow.Description = $(this).find('.reason').val();
        curRow.CompOffDate = $(this).find('.datefieldWithWeekends').val();
        if (curRow.Description != null && curRow.CompOffDate != null) {
            compOff.push(curRow);
        }
    });
    $.ajax({
        type: 'POST',
        url: this.href,
        dataType: 'json',
        data: compOff

    });

    return $('form').valid();

});

compOff is not null I have checked that...

controller is:

 [HttpPost]
        public ActionResult RegisterCompOff(RegisterCompOff[] registerCompOff)
        {

            //return View();
        }

can you tell me where i'm going wrong?

//later edit: he is right, create a key/value list and in the controller place the parameters as the keys — Cristi Pufu, Jun 22 '12 at 08:25
Given your original code, change in *$.ajax* -> `data: JSON.stringify(compOff)` then add `contentType: "application/json; charset=utf-8"` and finally change parameter name of action controller to `public ActionResult RegisterCompOff(RegisterCompOff[] compOff)`. Model binding should kick off then. It did for me. — lucask, Jun 22 '12 at 10:09

lucask · Accepted Answer · 2012-06-26T08:44:05.513

3

Given your original code, change in $.ajax -> data: JSON.stringify(compOff) then add contentType: "application/json; charset=utf-8" and finally change parameter name of controller's action to public ActionResult RegisterCompOff(RegisterCompOff[] compOff).
Model binding should kick off then. It did for me.

edited Jun 26 '12 at 08:44

answered Jun 25 '12 at 12:06

lucask

2,290
24
19

Behnam Esmaili · Answer 2 · 2012-06-22T09:25:55.617

1

Edited:

try this :

 $.ajax({
        type: 'POST',
        url: this.href,
        dataType: 'json',
        traditional: true,
        data: 
        {
             CompOffList: compOff 
        }
    });

and change your controller like this :

[HttpPost]
        public ActionResult RegisterCompOff(List<RegisterCompOff> CompOffList)
        {

            //return View();
        }

hope this helps

edited Jun 22 '12 at 09:25

answered Jun 22 '12 at 08:31

Behnam Esmaili

5,835
6
32
63

well adding this content type give me network error...its not necessary to specify content type.. – Piyush Sardana Jun 22 '12 at 08:38
i have forgot a very important key/value pair (traditional: true).check again – Behnam Esmaili Jun 22 '12 at 09:07
are you sure that was a good idea, cause now i'm not getting anything in controller, count is 0 now...why do we need traditional here...BTW – Piyush Sardana Jun 22 '12 at 09:10
yes.remove the bind attribute as i did.you need this, for detail check this http://www.ienablemuch.com/2011/05/pass-array-from-jquery-to-aspnet-mvc.html – Behnam Esmaili Jun 22 '12 at 09:13
@PiyushSardana you are getting null because you must declare list of RegisterCompOff in you controller action. – Behnam Esmaili Jun 22 '12 at 09:19
let me check, u want me to change array to list..ok – Piyush Sardana Jun 22 '12 at 09:21
have you checked transmitted data with firebug or something like that? – Behnam Esmaili Jun 22 '12 at 09:32
firbug is on all the tym, i have checked it...compOff has two object in it. – Piyush Sardana Jun 22 '12 at 09:34

score 0 · Answer 3 · answered Jun 22 '12 at 08:26

0

Your r passing javascript object as data wherease jquery ajax method expects a key/value pair list. Try this

data:{Description:compOff.Description, CompOffDate:compOff.CompOffDate}

answered Jun 22 '12 at 08:26

ZafarYousafi

8,640
5
33
39

Sorry missed the point that compOff is an array and u r expecting array in the action – ZafarYousafi Jun 22 '12 at 08:28
yea but then i'm wraping up those javascript objects in an array...i have multiple objects there – Piyush Sardana Jun 22 '12 at 08:30

JQUERY ajax passing null value from MVC View to Controller

3 Answers3