Unable to access Json object properties / values - showing undefined

Question

I have a table where I am attempting to get values from a clicked row onto a modal box. My data is being returned to the view, but I have issues accessing the property values of my object.

This is my currency code
Script

$('.item-list tr td').click(function () {
    var clickedRow = $(this).closest("tr").find('td:eq(5)').text();

    $.ajax({
        "url": "/ActivityType/Details",
        "type": "POST",
        "dataType": "JSON",
        "data": { aActivityID: clickedRow },
        "success": function (data) {
            //var thisData = JSON.parse(data);
            console.log(data);

            console.log(data.activityName);                
            console.log(data["activityName"]);
            console.log(data['activityName']);

            document.getElementById("ActivityName").value = data[0].activityName;
            showAjaxModal();
        }
    });
});

Controller

public IActionResult Details(System.Guid aActivityID)
    {
        if (aActivityID != System.Guid.Empty)
        {
            t_activitytype aActivity = new t_activitytype();
            aActivity = db.t_activitytype.Where(a => a.Guid == aActivityID).First();

            return Json(new { data = aActivity });
        }
        return View();
    }

console.log(data); shows my object with its property values

trying to access the properties at this point returns 'undefined' for the following lines

console.log(data.activityName); console.log(data["activityName"]); console.log(data['activityName']);

It looks like the structure might be data.data.activityName. — showdev
– showdev, Commented Jul 10, 2019 at 20:35
Notice in your console log, the first (and only) property off of the element you logged is data — Taplar
– Taplar, Commented Jul 10, 2019 at 20:35
So instead of return Json(new { data = aActivity }); just do return Json(aActivity) — trincot
– trincot, Commented Jul 10, 2019 at 20:37

trincot · Accepted Answer · 2019-07-10 20:39:25Z

1

The controller includes a data property in the data itself. You can actually see that addition data in the console. So probably you would better remove that extra layer at the server side.

Instead of

return Json(new { data = aActivity });

just do

return Json(aActivity)

answered Jul 10, 2019 at 20:39

trincot

357k38 gold badges282 silver badges338 bronze badges

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

1 Comment

LavsTo Over a year ago

thanks trincot, that solved it. I will keep that in mind, that the controller includes a data property.

Collectives™ on Stack Overflow

Unable to access Json object properties / values - showing undefined

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related