Javascript passing null to MVC Controller

Question

I have a Javascript code passing an object modeled exactly the same as my C# object CreateItemModel. However, problem is in my Controller code a property that was set in javascript as new String(); gets deserialized to C# as null.

Javascript Code

$('[step="4"]').click(function () {
    //shortened for brevety
    var _model = new Object();
    _model.ItemDesc = new String();

    $.ajax({
        type: "POST",
        url: 'CreateItem',
        data: _model,
        success: function (msg) {

            status = JSON.stringify(msg);
            console.log(msg);
        },
        error: function (msg) {

            status = JSON.stringify(msg);
            console.log(msg);
        }
    });
});

C# Controller code

[HttpPost]
public async Task<JsonResult> CreateItemCallAsync(CreateItemModel item)
{
   //breakpoint here 
   var test = item.ItemDesc; //the property is null here
}

I was expecting a string.empty value here but I am getting a null value instead. I tried setting the _model.ItemDesc to '' "" new String() in my Javascript code. But always getting a null value.

Questions:

Why is this behavior occurring?
How to get my expected value?

user3559349 · Accepted Answer · 2018-11-09 06:32:44Z

4

By default, the DefaultModelBinder will interpret empty strings as null. You can use the ConvertEmptyStringToNull property of DisplayFormatAttribute to have the property bind as an empty string.

[DisplayFormat(ConvertEmptyStringToNull = false)]
public string ItemDesc { get; set; }

answered Nov 9, 2018 at 6:32

user3559349

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

Comments

Roopak Puthenveettil · Accepted Answer · 2018-11-09 06:26:19Z

0

Try Changing the name item to _model

    [HttpPost]
    public async Task<JsonResult> CreateItemCallAsync(CreateItemModel _model)
    {
       //breakpoint here 
       var test = _model.ItemDesc; //the property is null here
    }

Also Add contentType and dataType properties to your ajax request.

$.ajax({
        type: "POST",
        contentType: "application/json",
        dataType: "json",

answered Nov 9, 2018 at 6:26

Roopak Puthenveettil

1,5052 gold badges14 silver badges28 bronze badges

Collectives™ on Stack Overflow

Javascript passing null to MVC Controller

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related