0

我有一个图像滚动器，其中包含一系列图像。这些图像是从数据库中提取出来的。滚动条上方是文件夹列表。

当用户单击新文件夹时，我希望在不刷新页面的情况下更新图像列表。我曾尝试使用 ajax 进行此操作，但它让我有点困惑并且根本不起作用。这是我到目前为止所得到的

首先是默认的 html/php 页面

现在那里的图像只是为了测试。这些将是编写查询时没有文件夹中的默认图像

about.php 文件夹列表

   <div id="folders">
    <ul id="foldername">

        <li><a href="javascript:void(0);" onclick="getImages()">test0</a></li>
        <li><a href="javascript:void(0);" onclick="getImages(1)">test1</a></li>
        <li><a href="javascript:void(0);" onclick="getImages(2)">test2</a></li>
    </ul>
  </div>

然后是滚动条

   <div id="scrolimg">
    <img name="" src="" width="150" height="150" alt="" class="singlscrolimg" />

  </div>

获取图像.php

      include('../Connections/dbcon.php');
   mysql_select_db($database_dbcon, $dbcon);
   $query_rs_image = "SELECT * FROM images WHERE imgfolder='".$_GET['id']."' AND     status='1'";
   $rs_image = mysql_query($query_rs_image, $dbcon) or die(mysql_error());
   $row_rs_image = mysql_fetch_assoc($rs_image);
   $totalRows_rs_image = mysql_num_rows($rs_image);

 do { ?>

 <img name="<?php echo $row_rs_image['imgname']; ?>" src="/images/uploads/<?php echo $row_rs_image['smfile']; ?>"  alt="<?php echo $row_rs_image['imgname']; ?>" />
  <?php } while ($row_rs_image = mysql_fetch_assoc($rs_image)); ?>

在 about.php 的顶部

   <script>

   function getImages(id)
    {
     $.ajax({

      type: "GET",
      url: 'getImage.php',
      data: "id=" + id, 
      success: function(data) {

      $('#scrolimg').html(data);
     }

     });

  }
  </script>
4

0 回答 0