JSON Undefined Error in ASP.NET MVC

Question

I have this JS function:

    <script type="text/javascript">
    $(function ShowBMI() {
        $.getJSON('/BMICalculations/ShowBMI', function (data) {
            alert(data.CalculatedBMIResult);
        });
    });

And in my BMICalculations controller I have this method:

 public JsonResult ShowBMI(){
        BMICalculation BMI = new BMICalculation();
        var data = Json(new
        {
            CalculatedBMIResult = 6
        });
        return Json(data, JsonRequestBehavior.AllowGet);
    }

I call the JS function using the Onclick event of my submit button. The JS alert says 'undefined'. My Chrome console says that ShowBMI() is undefined but how could this be? Since its defined properly in my controller?

nemesv · Accepted Answer · 2014-06-01 12:12:11Z

2

The Json method returns a JsonResult object and not the converted JSON.

So you will end up wrapping your data to a JsonResult and sending the wrapper object to your client instead of your original data.

To fix this you just need to remove your first Json call when creating the data:

public JsonResult ShowBMI()
{
    BMICalculation BMI = new BMICalculation();
    var data = new
    {
        CalculatedBMIResult = 6
    };
    return Json(data, JsonRequestBehavior.AllowGet);
}

answered Jun 1, 2014 at 12:12

nemesv

140k16 gold badges424 silver badges364 bronze badges

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

Collectives™ on Stack Overflow

JSON Undefined Error in ASP.NET MVC

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