MVC3 JQuery AJAX || Multiple passed parameters are null

Question

I'm having some problems posting multiple parameters to my controller using AJAX. Both parameters end up null and can't figure out why. I'm trying to send the selected values from two drop down lists called "cat_fam_codes" and "cat_codes"

UPDATE: I've added the content type and data types listed below. Same problem: both parameters passed to the controller are null.

In the view:

    $('#cat_fam_codes').click(function () {
        var categoryData = {
            categoryFamilyCodes: $('#cat_fam_codes').val(),
            categoryCodes: $('#cat_codes').val()
        };

        $.ajax({
            type: 'POST',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            url: '/EventReport/GetCCRCodes/',
            data: JSON.stringify(categoryData),
            success: function (jsonresults) {
                if (jsonresults != null) {
                    $('#ccr_codes').find('option').remove().end();
                    for (var i = 0; i < jsonresults.length; i++) {
                        $('#ccr_codes').append('<option value="' + jsonresults[i].CCRCodeId + '">' + jsonresults[i].Description + '</option>');
                    }
                }
            },
            error: function (xhr, status, error) {
                alert('Failed to retrieve CCR Codes for this list.  A "' + error + '" response was returned.');
            }
        });

    });

In the controller:

[HttpPost]
public ActionResult GetCCRCodes(string categoryFamilyCodes, string categoryCodes)
{ ... }

Both of the parameters that are passed into the controller a null. Any assisted would e greatly appreciated.

Thanks!

counsellorben · Accepted Answer · 2011-09-01 14:13:50Z

2

Check with Fiddler or a similar tool what is being returned to the controller via your $.ajax() call. It is possible that $.ajax is not sending the data in a form the JsonValueProviderFactory can deserialize. When I post JSON through $.ajax, I always explicitly specify the following options:

 contentType: "application/json; charset=utf-8",
 dataType: "json",

answered Sep 1, 2011 at 14:13

counsellorben

10.9k3 gold badges42 silver badges37 bronze badges

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

2 Comments

Andy Evans Over a year ago

I've updated the date and content types. Fiddler shows a "body" of -1 and blank content type.

counsellorben Over a year ago

Woops. I forgot that I also add one other option: context: document.body, Please give that a try.

archil · Accepted Answer · 2011-09-01 13:45:20Z

2

I would take simpler approach. Assuming you got those DropDownLists inside html form

$.post("/EventReport/GetCCRCodes/", $("form").serialize());

answered Sep 1, 2011 at 13:45

archil

39.6k7 gold badges69 silver badges83 bronze badges

Collectives™ on Stack Overflow

MVC3 JQuery AJAX || Multiple passed parameters are null

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related