javascript - 检查Ajax json响应数据是否正确

Question

我在jsp页面中使用jqueryAjax函数来显示html表格。该函数以 json 对象的形式返回响应。我使用 json 对象，迭代相同的对象并显示列值。但是如果字段值为空，那么html表中对应的值被指定为'undefined'下面是我的示例代码

     $.each(data1, function (i, item) {
        trHTML += '<tr><td >' + item.appnName + '</td><td>' + item.Defectsin2014 + '</td><td>' + item.Defectsin2015 + '</td><td>'+
        item.DefectsasperBenchmarks +'</td><td>'+item.costDefect + '</td><td>'+ item.req2014 + '</td><td>'+ item.req2015 +'</td><td>' +
        item.ba+ '</td><td>'+ item.config+'</td><td>'+ item.Financials+ '</td><td>' + item.bReports + '</td><td>'+
        item.qa + '</td></tr>';
    });
    $('#records_table').append(trHTML);

在上面，如果 json 中的特定字段不可用，例如，如果 item.req2015 数据对于特定行不可用，则 html 表格将相应的字段显示为“未定义”。我想要应用程序如果数据不可用，则显示空或空白字段。有没有办法达到同样的效果。

非常感谢对此的任何帮助。

Answer 1

在使用它们之前检查属性并为其指定默认值。

$.each(data1, function (i, item) {
    item.appnName      = item.appnName      || " ";
    item.Defectsin2014 = item.Defectsin2014 || " ";
    item.Defectsin2015 = item.Defectsin2015 || " ";
    item.costDefect    = item.costDefect    || " ";
    item.req2014       = item.req2014       || " ";
    item.req2015       = item.req2015       || " ";
    item.ba            = item.ba            || " ";
    item.config        = item.config        || " ";
    item.Financials    = item.Financials    || " ";
    item.bReports      = item.bReports      || " ";
    item.qa            = item.qa            || " ";

    trHTML += '<tr><td >' + item.appnName + '</td><td>' + item.Defectsin2014 + '</td><td>' + item.Defectsin2015 + '</td><td>'+
    item.DefectsasperBenchmarks +'</td><td>'+item.costDefect + '</td><td>'+ item.req2014 + '</td><td>'+ item.req2015 +'</td><td>' +
    item.ba+ '</td><td>'+ item.config+'</td><td>'+ item.Financials+ '</td><td>' + item.bReports + '</td><td>'+
    item.qa + '</td></tr>';
});
$('#records_table').append(trHTML);

或者通过内联决策甚至可以更短:

trHTML += '<tr><td >' + (item.appnName || "&nbsp;") + '</td><td>' + (item.Defectsin2014 || "&nbsp;") + '</td><td>' + (item.Defectsin2015 || "&nbsp;") + '</td><td>'+
(item.DefectsasperBenchmarks || "&nbsp;") +'</td><td>'+(item.costDefect || "&nbsp;") + '</td><td>'+ (item.req2014 || "&nbsp;") + '</td><td>'+ (item.req2015 || "&nbsp;") +'</td><td>' +
(item.ba || "&nbsp;") + '</td><td>'+ (item.config || "&nbsp;")+'</td><td>'+ (item.Financials || "&nbsp;") + '</td><td>' + (item.bReports || "&nbsp;") + '</td><td>'+
(item.qa || "&nbsp;") + '</td></tr>';