vb.net Web API $ .ajax响应不是json对象

Question

Attempting a simple web api call in vb.NET that returns json so that the jQuery ajax response is already a javascript object. Just can't seem to get it working.

' GET api/<controller>
Public Function GetValues()
    Dim json As New Dictionary(Of String, String)
    json.Add("status", "success")
    json.Add("msg", "good job")

    Dim serializer = New JavaScriptSerializer()
    Return serializer.Serialize(json)

    'Return JsonConvert.SerializeObject(json)
End Function

Ajax call:

$.ajax({
    url: "api/products",
    type: 'GET',
    contentType: "application/json; charset=utf-8",
    data: JSON.stringify({key:'key'}),
    dataType: 'json',
    success: function (response) {
        console.log(response);  // prints {"status":"success","msg":"good job"}
        console.log(response.status);  // prints undefined
    }
});

Chrome shows:
Request header: Content-Type:application/json; charset=utf-8
Response header: Content-Type:application/json; charset=utf-8
Network/Response tab shows: "{\\"status\\":\\"success\\",\\"msg\\":\\"good job\\"}"

It's obviously not being turned into a javascript object automatically but I can't figure out why. Doesn't matter if I return the response from JavaScriptSerialize.Serialize() or NewtonSofts JsonConvert.SerializeObject.

I must be missing something fundamental here. Can anyone point me in the right direction?

Answer 1

So I figured out my bonehead move. The function that was returning what I was serializing to json as a string until I told it otherwise. I had abandoned VB and switched to C# where it was failing too. In the end I changed the C# versrion from:
public string UploadFile()
to
public Dictionary<string, string> UploadFile()

And it would be similar in VB something like
Public Function GetValues() As String
to
Public Function GetValues() As Dictionary(Of String, String)

Then I got a javascript object without having to use something like JSON.parse(). :-)

Answer 2

Please try below code. I have converted your JSON response to javascript object.

$.ajax({
    url: "api/products",
    type: 'GET',
    contentType: "application/json; charset=utf-8",
    data: JSON.stringify({key:'key'}),
    dataType: 'json',
    success: function (response) {
    var objResponse = JSON.parse(response);

        console.log(response);  // prints {"status":"success","msg":"good job"}
        console.log(objResponse.status);  // prints undefined
    }
});