MVC 3 Controller Action Not Accepting Values from JQuery .POST

Question

Even though I can see my values posted in the http header, the controller keeps receiving the values as null and I am stumped after looking all over.

Here is my View:

$("#dialog-form").dialog({
            autoOpen: false,
            height: 360,
            width: 350,
            modal: true,
            buttons: {
                "Send Message": function () {
                    if ($('#name').val() == '' || $('#email').val() == '' || $('#message').val() == '') {
                        $('.validation_message').html('required');
                    }
                    else {
                        var model =
                        {
                            Name: $('#name').val(),
                            Email: $('#email').val(),
                            Message: $('#message').val(),
                            ProfileEmail: $('#profile_email').val()
                        };

                        $.post('@Url.Action("SendMessage")', model, function (data) {
                            alert(data);
                        });

                        e.preventDefault();
                        $(this).dialog("close");
                        $('.validation_message').hide();
                    }
                },
                "Cancel": function () {
                    $(this).dialog("close");
                    $('.validation_message').hide();
                }
            }
        });

        $("#button-contact")
            .button()
            .click(function () {
                $("#dialog-form").dialog("open");
            });

My Controller Action:

[HttpPost]
        [ValidateInput(false)]
        public ActionResult SendMessage(ProfileSendMessageModel message)
        {
            // some code here
                return Content("Your message has been sent!");

        }

The model always shows null but the elements in the header have values. Any help would be GREATLY appreciated!

Use HTML Form and serialize() instate of creating javascript object. — Jalal
– Jalal, Commented Feb 29, 2012 at 19:52

Joe · Accepted Answer · 2012-02-29 19:49:56Z

3

Change:

$.post('@Url.Action("SendMessage")', model, function (data) {
    alert(data);
});

To:

$.post('@Url.Action("SendMessage")', {message: model}, function (data) {
    alert(data);
});

answered Feb 29, 2012 at 19:49

Joe

82.9k18 gold badges130 silver badges147 bronze badges

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

1 Comment

jallen Over a year ago

Thank you! I never received e-mail notification of your answer. Problem resolved.

jrummell · Accepted Answer · 2012-03-05 13:29:33Z

1

It's likely because your parameter is called message and ProfileSendMessageModel has a property named Message. The model binder is probably trying to bind ProfileSendMessageModel.Message instead of the whole model. Try changing the parameter name.

edited Mar 5, 2012 at 13:29

answered Feb 29, 2012 at 19:51

jrummell

43.2k18 gold badges116 silver badges179 bronze badges

1 Comment

jallen Over a year ago

Thank you! I never received e-mail notification of your answer. Problem resolved.

Collectives™ on Stack Overflow

MVC 3 Controller Action Not Accepting Values from JQuery .POST

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related