Get string from controller action

[MattNorman]

I am trying to get a string back from a controller action when a user wants to retrieve a password.

I have it set up however I'm not sure how to get the returned string from the json data that is returned.

Can anyone point me in the right direction?

Table row

<td class="text-primary">******<i class="fa fa-copy" style="margin-left: 20px; color: white" onclick=" GetPassword(@Model[i].AccountId)"></i></td>

JavaScript

<script>
        function GetPassword(id)
        {
            $.ajax({
                url: "/Accounts/GetPassword",
                type: "GET",
                data: { "id": id },
                contentType: "application/json; charset=utf-8",
                datatype: "json",
                success: function (data) {
                    alert(data.value);
                },
                error: function () {
                    alert('error');
                }
            });
        }
    </script>

Controller Action

public ActionResult GetPassword(int id)
{
    return Json(new { data = $"Password for {id}" });
}

 

[Skydiver]

Change line 11 to alert(data) tell us what you see.

 

[MattNorman]

Change line 11 to alert(data) tell us what you see.

Apologies, I had that originally but forgot to change it back.

I see the following:
[object Object]

 

[Skydiver]

I wasn't quite expecting that. What does Fiddler or the browser's dev tools show as the response sent back by the controller?

What happens when you change to:

return Json($"Password for {id}");

 

[MattNorman]

I wasn't quite expecting that. What does Fiddler or the browser's dev tools show as the response sent back by the controller?

What happens when you change to:

return Json($"Password for {id}");

That did the job. Thanks for your help as always.

 

[Skydiver]

I've not tried, but I suspect that alert(data.data); would have also worked.