MVC Single String JSON post always coming Null in Controller

Question

I am facing a strange problem in my MVC 5 application where I want to pass a Drop Down Selected value to controller using a Ajax post.

the Post code looks like this:

$(function () {
    //Change the Value stream list each time the BU is selected
    $('#Lob').change(function () {   

        alert(JSON.stringify($('#Lob option:selected').text()));

        $.ajax({
            url: '@Url.Content("~/Dashboard/GetValueStreams/")',
            dataType: 'json',
            type: 'POST',
            data: JSON.stringify($('#Lob option:selected').text()),
            contentType: 'application/json',
            success: function (VSList) {
                // do stuff
                });
            }
        });
    });
});

The ALERT works fine and displays the selected value correctly. However in the controller, the string appears as null.

 [HttpPost]
    public ActionResult GetValueStreams(string BUName)
    {   
       // Here the BUName parameter is coming as null.
    }

I have tried changing my JSON POST data to the following:

data: {"BUName": JSON.stringify($('#Lob option:selected').text())},

This also does not work. Any help will be much appreciated. Thanks.

No need for to stringify a string: data: {"BUName": $('#Lob option:selected').text()}, - but you should be getting something in BUName, so there's a problem elsewhere. — fdomn-m
– fdomn-m, Commented Mar 24, 2019 at 13:16
Not the problem, but worth mentioning: Use url: '@Url.Action("GetValueStreams", "Dashboard")', — fdomn-m
– fdomn-m, Commented Mar 24, 2019 at 13:17

Hien Nguyen · Accepted Answer · 2019-03-24 13:14:38Z

2

Change your data to data: JSON.stringify({BUName : $('#Lob option:selected').text()}).

I tested and it worked.

$.ajax({
        url: '@Url.Content("~/Dashboard/GetValueStreams/")',
        dataType: 'json',
        type: 'POST',
        data: JSON.stringify({BUName : $('#Lob option:selected').text()}),
        contentType: 'application/json',
        success: function (VSList) {
            // do stuff
        }
        });

answered Mar 24, 2019 at 13:14

Hien Nguyen

19k7 gold badges57 silver badges70 bronze badges

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

Collectives™ on Stack Overflow

MVC Single String JSON post always coming Null in Controller

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related