Json 从服务器到 html 表答案

【问题标题】：Json to html table from serverJson 从服务器到 html 表
【发布时间】：2018-12-14 01:39:39
【问题描述】：

我有一个函数可以在单击按钮后添加表行，并且我有一个 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，当我应用到 html 时，它的 json 结果被获取它的工作正常它不工作任何人都可以帮助

$.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>"));
        }
    })
})

【问题讨论】：

所以你的 console.log(salesDetailData);正在打印 undefined ???
no 值未在表中赋值表结果未定义
那么简单...你能添加salesDetailData的JSON输出吗..像JSON.stringify(salesDetailData);
如何将结果应用到表格
为了解决您的问题，我需要查看 JSON 格式。那么您能否添加 JSON.stringify(salesDetailData); 的输出

标签： javascript jquery json model-view-controller

【解决方案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>"));
}

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

【讨论】：

是的，我正在寻找它，非常感谢它帮助了很多