javascript - 当 JSON 对象为空时显示适当的消息

Question

我已成功从 PHP 脚本返回 JSON，但如果 JSON 对象为空，则无法显示相应的消息。

消息显示在 ID 为 #precommentsload 的 HTML UL 标记中。

下面是 jQuery 从 PHP 脚本发送和返回数据:

 $.post("api/searchComments.php", {uid:uid}, function(data)
 {
   if(data == '[]') // here's where I'm checking if JSON object is empty
   {
     console.log('no data'); // console displays this message when empty
     // here's where I'm trying to output a message
     var obj = JSON.parse(data);
     $('#precommentsload').empty();
     var htmlToInsert = obj.map(function(item)
     {
       return '<li>There were no comments.</li>';
     }).join('');
     $('#precommentsload').html(htmlToInsert);
   }
   else
   {
     console.log(data); // when object returns data, I can see it here
     var obj = JSON.parse(data)
     $('#precommentsload').empty();
     var htmlToInsert = obj.map(function (item)
     {
       return '<li><b>' + item.add_date + ' - ' + item.add_user + '</b> 
       <br />' + item.comment.replace(/\r\n/g, '<br />') + '</li>';
       // no problem displaying comments when object is not empty
     }).join('');
     $('#precommentsload').html(htmlToInsert);      
   }
 });

在 $.post 之后，我尝试了这个 IF 语句:

 if(data == []) // without the single quotes

但我只在对象为空时才将 [] 返回到控制台。

关键是，当对象不为空时，我可以相应地显示消息。

它会在对象为空时显示“没有评论”。

Answer 1

var obj = JSON.parse(data); 返回一个空数组。当您尝试执行 .map 时，您提供的回调函数永远不会执行，因为它只对数组中的项目执行。

相反，你为什么不跳过所有这些而直接去做

var htmlToInsert = '<li>There were no comments.</li>'
$('#precommentsload').html(htmlToInsert);