javascript - Ajax 如果 JSON 值为 null 设置为空白或不适用

Question

我正在通过 AJAX 检索一些 JSON 数据并将这些值打印到 HTML 表中，如下所示:

var page = $('#serviceload').val();

$.post('api/profileSearch.php', {
    page: page
}, function (data) {
    var obj = JSON.parse(data);
    $('#tableBody').empty();
    var htmlToInsert = obj.map(function (item) {
        return '<tr><td>' + item.COL1 + '</td><td>' + item.COL2 + '</td><td>' + item.COL3 + '</td></tr>';
    });
    $('#tableBody').html(htmlToInsert);
});

使用此方法，我可以将值打印到表中。

我希望能够检查是否有任何 JSON 项为空，如果是，则打印 N/A 或将其留空。基本上，我不想在单元格内显示 null。

现在我知道我可以进入数据库并运行一个查询，该查询可以获取所有空值并将它们设为空白。我只需要能够检查空值以防万一。我该怎么做？

Answer 1

注意转义文本项。COL1 可能有“<”、“">”和“&”

function myTd(textData){
   return $('<td>').text(textData==null ? 'N/A' : textData);
}

var htmlToInsert = obj.map(function (item){
   return $('<tr>').append(myTd(item.COL1),myTd(item.COL2),myTd(item.COL3));
});

$('#tableBody').append(htmlToInsert);