javascript - php 检索数据以在 HTML 中填充 DIV

Question

我需要建议。以下是我已有的和我的要求。

MySQL 表有 4 列。我正在使用 php 检索单个字符串 (CODE A) 中所有行的数据。

我有一个 HTML 格式的 DIV 设置(代码 B - 如下图所示)

我希望能够在 DIV 设置中使用检索到的数据来创建多个图像(类似于 html 中的 for 循环？)- 如何实现我的要求？

我应该怎么做？

代码 A

while($row = mysqli_fetch_array($query, MYSQLI_ASSOC)){ 
    $id = $row["id"]; 
    $firstname = $row["firstname"];
    $lastname = $row["lastname"]; 
    $itemdate = strftime("%b %d, %Y", strtotime($row["datemade"])); 
    $dataString .= $id.'|'.$firstname.'|'.$lastname.'|'.$itemdate.'||'; 
}

代码 B

 <div id="mainwrapper">
        <div id="box-1" class="box">
        <gt_descA>Teak Chair</gt_descA><gt_descC>$75.34</gt_descC>
            <img id="image-1" src="imagez/designs/thumbs/0/teak_chair001.jpg"/>
                <span class="caption simple-caption">
                <div class="minibuttonR"><a href="index.html" onClick="gotowebpage('11');"></a></div>
                <div class="minibuttonL"><a href="index.html" onClick="gotowebpage('11');"></a></div>
                <div class="minibuttonC"><a href="index.html" onClick="gotowebpage('11');"></a></div>
                <div style="clear:both;"></div>
                </span>
        </div>
        </div>

图像(DIV 设置)

我希望能够从检索到的数据和 DIV 设置中实现这一点

Answer 1

将 html 代码放入 php 循环中。

例如。

while($row = mysqli_fetch_array($query, MYSQLI_ASSOC)){ 
$id = $row["id"]; 
$firstname = $row["firstname"];
$lastname = $row["lastname"]; 
$itemdate = strftime("%b %d, %Y", strtotime($row["datemade"])); 
$dataString .= $id.'|'.$firstname.'|'.$lastname.'|'.$itemdate.'||'; 
?>


    <div id="box-1" class="box">
    <gt_descA>Teak Chair</gt_descA><gt_descC>$75.34</gt_descC>
        <img id="image-1" src="imagez/designs/thumbs/0/teak_chair001.jpg"/>
            <span class="caption simple-caption">
            <div class="minibuttonR"><a href="index.html" onClick="gotowebpage('11');"></a></div>
            <div class="minibuttonL"><a href="index.html" onClick="gotowebpage('11');"></a></div>
            <div class="minibuttonC"><a href="index.html" onClick="gotowebpage('11');"></a></div>
            <div style="clear:both;"></div>
            </span>
    </div>
<?php

}