javascript - 如何将 HTML 重写为 PHP 回显？

Question

我正在尝试将我的上一篇文章分成更多部分。

我正在使用 AJAX 和数据库。目标是在 View 中有一个可点击的分区(按钮)。单击此 div 时，将调用 AJAX 查询并从我的数据库中检索 5 部电影并将它们显示在 View 中。我最挣扎的是如何设置新检索的数组的样式，我在原始分区中使用 jquery 显示它。

我正在尝试关注 this w3schools 教程。我正在尝试根据教程中的完成方式修改我的原始样式。但是我不知道如何将所有开始标签及其属性写入回显。

因此，如果这里有人如此友善并且可以告诉我如何重写其中的至少一部分，我将非常感激。所有以注释 <!--fix--> 开头的行是我需要重写的那些。

编辑---------------------------------------- --------

问题是我有一个 CI View 页面。在那个页面上有一个内容分区。我正在尝试用使用 xmlhttp 请求检索到的新内容替换此内容。该请求调用一个与我的数据库建立连接的文件，运行查询，将结果存储在一个数组中，然后回显已经使用 while 循环拆分和设置样式的结果。下面是jquery请求调用的文件内容。

<?php
$con = mysqli_connect('localhost','root','root','obs2');
if (!$con)
  {
  die('Could not connect: ' . mysqli_error($con));
  }

mysqli_select_db($con,"obs2");
$sql="SELECT * FROM user WHERE id > 5";

$result = mysqli_query($con,$sql);

echo "<table>";
  while($row = mysqli_fetch_array($result))
  {
        <a style="display:block" href="<?php echo base_url('core/detail/'.$row->id) ?>">
            <div id="suggested" onmouseover="" style="cursor: pointer;">
                <div id="info">
                    <div id="info_center">
                        <p><b><?php echo $row->name ?></b></p>
                    </div>
                </div>

                <div class="mosaic-block fade">
                    <a href="<?php echo base_url('core/detail/'.$row->id) ?>" class="mosaic-overlay">

                    <div class="details">
                        <p><?php echo $row->summary ?></p>
                    </div>
                    </a>

                    <div class="mosaic-backdrop"><img src="http://puu.sh/5DSWj.jpg"></div>
                </div>

                <div id="info">
                    <div id="info_center">
                        <p>Rating: 7.7</p>
                    </div>
                </div>
            </div>
        </a>    

  }
echo "</table>";

?>

因此，根据我从教程中了解到的情况，我需要在 while 循环中重复每一行。而我不知道的是如何重写所有标签和已经存在的 php 回显。我希望这能让它更清楚。

-------------------------------------------- --------

原始代码

<table>
  <?php foreach ($pages->result() as $row): ?>
    <a style="display:block" href="<?php echo base_url('core/detail/'.$row->id) ?>">
      <div id="suggested" onmouseover="" style="cursor: pointer;">
        <div id="info">
          <div id="info_center">
            <p><b><?php echo $row->name ?></b></p>
          </div>
        </div>

        <div class="mosaic-block fade">
          <a href="<?php echo base_url('core/detail/'.$row->id) ?>" class="mosaic-overlay">

            <div class="details">
              <p><?php echo $row->summary ?></p>
            </div>
          </a>

          <div class="mosaic-backdrop"><img src="http://puu.sh/5DSWj.jpg"></div>
        </div>

        <div id="info">
          <div id="info_center">
            <p>Rating: 7.7</p>
          </div>
        </div>
      </div>
    </a>    
  <?php endforeach; ?>
</table>

据此

echo "<table>";
while($row = mysqli_fetch_array($result))
  {
  echo "<tr>";
  echo "<td>" . $row['FirstName'] . "</td>";
  echo "<td>" . $row['LastName'] . "</td>";
  echo "<td>" . $row['Age'] . "</td>";
  echo "<td>" . $row['Hometown'] . "</td>";
  echo "<td>" . $row['Job'] . "</td>";
  echo "</tr>";
  }
echo "</table>";

进展

echo "<table>";
while($row = mysqli_fetch_array($result))
{
<!--fix--><a style="display:block" href="<?php echo base_url('core/detail/'.$row->id) ?>">
<!--fix--><div id="suggested" onmouseover="" style="cursor: pointer;">
<!--fix-->  <div id="info">
<!--fix-->    <div id="info_center">
                echo "<p>" . $row['name'] . "</p>";
              echo "</div>";
            echo "</div>";

<!--fix-->  <div class="mosaic-block fade">
<!--fix-->    <a href="<?php echo base_url('core/detail/'.$row->id) ?>" class="mosaic-overlay">

<!--fix-->      <div class="details">
                  echo "<p>" . $row['summary'] . "</p>";
                echo "</div>";
              echo "</a>";

<!--fix-->    <div class="mosaic-backdrop"><img src="http://puu.sh/5DSWj.jpg"></div>
            echo "</div>";

<!--fix-->  <div id="info">
<!--fix-->    <div id="info_center">
<!--fix-->      <p>Rating: 7.7</p>
              echo "</div>";
            echo "</div>";
          echo "</div>";
        echo "</a>";
}
echo "</table>";

Answer 1

您的原始代码是正确的方法。 w3schools 版本完全错误，您应该避免这种情况。

如果您尝试描述您的原始代码无法正常工作的地方，那么每个人都能够更好地为您提供帮助。