How do I pass decimal values to controller using Ajax?

Question

I have a number input, and when the user enters a number, it will be sent from the view to the controller using Ajax. Everything works fine, but when the user enters decimal numbers, I get binding errors (1,1 or 1.2 etc). I want the user to be able to use decimal numbers.

This is the relevant View code:

var postdata = {x: <number input value>};
$.ajax({url: url, type: "POST", data: postdata, async: false})

This is the Controller function:

[HttpPost]
public ActionResult MyFunction(decimal x) 
{
  return Json(new {success = true, JsonRequestBehavior.AllowGet});
}

Just did a small edit on my post. Problem is when the data is taken directly out of the input field: $("#input").val() — Pelle
– Pelle, Commented Feb 15, 2017 at 9:25
If so, try to trim the value before placing it inside the object — Norlihazmey Ghazali
– Norlihazmey Ghazali, Commented Feb 15, 2017 at 9:29
I didn't have any luck with parseFloat. What do you mean with "trim"? In what way? — Pelle
– Pelle, Commented Feb 15, 2017 at 9:31

Community · Accepted Answer · 2017-05-23 12:17:43Z

0

You need to stringify you data when you are sending decimal values.

data: JSON.stringify({ x: 5.0 })

This is because the decimal is considered an integer by the default binder.

Please have a look on lelow link for more information :-

C# MVC Controller cannot get decimal or double values from Ajax POST request

Edit 1:-

You can also try :-

parseFloat(value).toFixed(2)

edited May 23, 2017 at 12:17

CommunityBot

11 silver badge

answered Feb 15, 2017 at 9:38

Anand Systematix

6325 silver badges15 bronze badges

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

1 Comment

Pelle Over a year ago

I have tried that. Same error. Edit: toFixed(2) didn't work any better.

ømi · Accepted Answer · 2017-02-15 10:18:00Z

0

just send the value as it is and try to convert in controller instead

 var postdata = {x: $("#input").val()};
    $.ajax({url: url, type: "POST", data: postdata, async: false})

This is the Controller function:

[HttpPost]
public ActionResult MyFunction(string x) 
{
 double z=Convert.ToDouble(x.Trim()); // trim just in case....


  return Json(new {success = true, JsonRequestBehavior.AllowGet});
}

In case of your double try this it should work (replacing . with ,)

double.Parse("52.8725945", System.Globalization.CultureInfo.InvariantCulture);

edited Feb 15, 2017 at 10:18

answered Feb 15, 2017 at 10:07

ømi

5091 gold badge10 silver badges40 bronze badges

2 Comments

Pelle Over a year ago

I am not able to use var as a parameter type. As far as I know, the compiler won't be able to deduce the type. Atleast I get an error.

ømi Over a year ago

i have tried with double.Parse() it working you just need to replace "," with "."

Miguel Rebocho · Accepted Answer · 2020-05-17 09:40:25Z

0

I ran into the same issue, with a double (not a decimal), but I think the solution might be the same. For me it was all about culture and setting the right number format!

Solution:

NumberFormat = NumberFormatInfo.InvariantInfo;

This is a parameter of the CultureInfo of the app! You can set this in multiple places. If there is only one culture on your app, set this on Application_Start() on Global.asax.

No changes on Web.config and works with $("#input").val() (with or without parseFloat()).

answered May 17, 2020 at 9:40

Miguel Rebocho

3055 silver badges11 bronze badges

Comments

Jeremy Caney · Accepted Answer · 2022-11-23 00:26:30Z

0

It's actually quite simple:

Model:

public decimalValue

In Ajax data:

$("#value").val().replace(",",".")

It will automatically send the value to the Controller.

(10.90, 10.90)

Declaring the Input as a number helps not to give an error, if you send a string.

edited Nov 23, 2022 at 0:26

Jeremy Caney

7,807115 gold badges58 silver badges86 bronze badges

answered Nov 20, 2022 at 12:11

Paulo Ricardo F. S. Junior

1

Collectives™ on Stack Overflow

How do I pass decimal values to controller using Ajax?

4 Answers 4

1 Comment

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related