将Mysql查询结果回显到框中

Question

我已经创建了一行图标卡，并且我试图将不同的查询结果回显到每个图标中，我尝试使用ajax并破坏了我的页面

我试图将PHP代码放在我需要结果回显的地方，该结果也行不通（框中未显示任何内容，但控制台中未显示任何错误。因此，任何建议都将得到很好的答复

      <!-- Icon Cards-->
      <div class="row">
        <div class="col-xl-3 col-sm-6 mb-3">
          <div class="card text-white bg-primary o-hidden h-100">
            <div class="card-body">
              <div class="card-body-icon">
                <i class="fas fa-fw fa-clock"></i>
              </div>
              <div class="mr-5"> 
<?php           
$connect = mysqli_connect("localhost", "user", "password!", "test");  
$query = "select substring(avg(time_format(time,'%i:%s')),2,5)as time from test.time where date = curdate() ";  
$result = mysqli_query($connect, $query); 
while($row = mysqli_fetch_array($result)) {  
    echo "['".$row["time"]."']"; 
}  
?> 
            </div>
            </div>
          </div>
        </div>

当我在其上面包含当前代码时，将显示为右侧的框，并且目标是使结果与左侧的框类似