javascript - Json 从服务器到 html 表

Question

我有一个功能，可以在单击按钮后添加表格行，并且我有一个 json 数据，我希望将数据添加到该表格，但结果在控制台中显示未定义任何人都可以帮助

function addRow() 
{
    var rowCount = $("#detailTable>tbody>tr").length;
    $("#detailTable>tbody").append('<tr><td><input name="ProductName" required></td><td><input name="Qty" class="Qty" required></td><td><input name="Price" required></td><td><input class="total" name="total" readonly></td><td><a class="del" href="#">Delete</a></td></tr>')
    $("tr:odd").css("background-color", "#ccc");
}     

我有一个 mvc，其中获取 json 结果，当我应用于 html 时，它工作正常，它不工作，任何人都可以帮助

$.get('@Url.Content("~")Home/GetSalesDetail', { invoiceId: salesHeaderData.invoiceId })
    .done(function (salesDetailData) {
        console.log(salesDetailData);
        for (var j = 0; j < salesDetailData.length; j++) {
            var row = $("<tr />")
            $("#detailTable").append(row);
            row.append($("<td>" + salesDetailData.ProductName + "</td>"));
            row.append($("<td>" + salesDetailData.Qty + "</td>"));
            row.append($("<td>" + salesDetailData.Price + "</td>"));
        }
    })
})

Answer 1

由于对象是一个数组，您需要提供索引才能读取它。必须是这样的

for (var j = 0; j < salesDetailData.length; j++) {
  var row = $("<tr />")
  $("#detailTable").append(row);
  row.append($("<td>" + salesDetailData[j].ProductName + "</td>"));
  row.append($("<td>" + salesDetailData[j].Qty + "</td>"));
  row.append($("<td>" + salesDetailData[j].Price + "</td>"));
}

特别注意 salesDetailData[j].ProductName 中的 [j]