javascript - 将 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>

当我在上面包含当前代码时，它显示为右侧的框，目标是使结果看起来像左侧的框

标签： javascriptphpmysql