javascript - 当数据库img标签中没有条目时仍然显示空框

Question

我在使用脚本时遇到了问题。该脚本显示存储在数据库中的图像。但是，当数据库中没有图像时，它将显示一个带有损坏图像图标的空框。有办法阻止这种情况吗？

这是代码:

<script  type="text/javascript" >
  //retrieves json encoded array
  $.getJSON("retrieveSymbol.php", function(data){
    $.each(data, function(i, field){          //loops through array
      $("#bookmarkedSymbols").append(
        //sets field as image source so that the path can be displayed as an image
        "<img src='" + field[1] + "'" + "id='symbol' />"

      );
    });
  });
  </script>

Answer 1

您需要获取 json 数据长度并对其进行检查:-

<script  type="text/javascript" >
  //retrieves json encoded array
  $.getJSON("retrieveSymbol.php", function(data){
       if(data.length >0){
            $.each(data, function(i, field){ //loops through array
              $("#bookmarkedSymbols").append("<img src='" + field[1] + "'" + "id='symbol' />");
            });
        }
    });
</script>