ajax 调用成功 returns json 对象列表 - 无法访问属性

Question

ResultData 是 CommandModel 对象的列表。

 [ { "Command": "Blueprint", "Count": 77 }, { "Command": "Template", "Count": 188 }, { "Command": "Test", "Count": 78 } ]

那里返回的对象看起来像这样，

public class CommandModel
{
    public string Command {get; set;}
    public int Count {get; set;}
}

我正在尝试使用点属性表示法访问对象数据，如本视频 (https://www.youtube.com/watch?v=7oUZXuI7OgQ) 中所述。

     $("#btn").click(function () {
            $.ajax({

                url: "http://localhost:6023/external",
                type: "GET",
                accept: "application/json",
                dataType: 'json',
                success: function (resultData) {
                    $.each(resultData, function (key, value) {
                        var command = value.command; // returns undefined
                        var count = value.count; // returns undefined
                        $("tbl").append("<tr><td>" + command + "</td><td>" + count + "</td></tr>")
                    })
                },

                error: function (e) {
                    alert("something broke");
                }
            })

在运行第一次迭代时，变量如下所示：

Key = 0
Value = Object {Command:"Blueprint", Count:77}

不确定我在这里遗漏了什么。

Answer 1

尝试

$.each(resultData, function (value) { ... }

Answer 2

您使用的是小写而不是大写。

在你的 class 你有

public class CommandModel
{
    public string Command {get; set;}
    public int Count {get; set;}
}

因此在脚本中使用 Comand 而不是 comand。 Count

中的相同情况

 $.each(resultData, function (key, value) {
                    var command = value.Command; // Change here
                    var count = value.Count; //  Change here
                    $("tbl").append("<tr><td>" + command + "</td><td>" + count + "</td></tr>")
                })

ajax 调用成功 returns json 对象列表 - 无法访问属性

ajax success call returns json list of objects - cant access properties

c#

ajax

jscript