My problem is that when I try to send a double or decimal via ajax into my C# MVC Controller the value is always null. I can send the value as string and I can send Integers without a problem. Why can't I send values with decimals? When I check the request that is sent from the client the correct value is there (Form Data is price=84.50).

Error:

The parameters dictionary contains a null entry for parameter 'price'
of non-nullable type 'System.Decimal'

Html:

 <input type=number step=1 class=form-control name=price id=price>

 <button type=button class=btn btn-success>Send</button>

Javascript:

$('.btn-success').click(function () {



    //var price = $('#price').val(); - Did not work

    //var price = Number($('#price').val()); Did not work

    var price = Number($('#price').val()).toFixed(2); // Does not work



    $.ajax({

        url: 'PriceFunction',

        type: 'POST',

        data: {

            price: price,

        }

    }).done(function () {



    }).fail(function () {

        console.log(Error in ajaxfunction!);

    });

});

C#:

    [HttpPost]

    public void PriceFunction(decimal price)

    {

     // I have tried with decimal, double and double?.     

    }