How to get a simple JSON string from response through jQuery

Question

I have a simple jQuery function that calls a controller action which should return a JSON string. However, I am unable to get the value of the string.

The popup box just says 'undefined'.

I have checked the formatting and also I can see in the console that the JSON gets passed correctly. I am sure that I am missing something completely obvious but cannot find it!

My jQuery function follows

setInterval(function () {
    $.ajax({
        url: "/ImportFile/ImportStatus",
        type: "POST",
        //data: "ID=" + teamID,
        dataType: "json", // type of data you're expecting from response
        success: function (json) {
           alert(json.percentcomplete);    
        },
        error: function (error) {}
    });
}, 10000);

and my controller action

[HttpPost]
public ActionResult ImportStatus()
{
    string json = "{\"percentcomplete\": 10}";
    return Json(new { json = json }); 
}

Yong Shun · Accepted Answer · 2022-06-17 03:34:14Z

2

You should deserialize the JSON string and return it as an object.

using System.Text.Json;
using System.Text.Json.Serialization;

[HttpPost]
public ActionResult ImportStatus()
{
    string json = "{\"percentcomplete\": 10}";
    return Json(JsonSerializer.Deserialize<ImportStatusResult>(json)); 
}

public class ImportStatusResult
{
    [JsonPropertyName("percentcomplete")]
    public int PercentComplete { get; set; }
}

answered Jun 17, 2022 at 3:34

Yong Shun

54.6k6 gold badges38 silver badges66 bronze badges

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

Collectives™ on Stack Overflow

How to get a simple JSON string from response through jQuery

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