Question

我有一个图像滚动条，里面有一系列图像。这些图像从数据库中拉出。滚动条上方是文件夹列表。

当用户单击新文件夹时，我希望更新图像列表而不刷新页面。我曾经用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>

getImage.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>

刷新div基于链接点击与从php文件中提取的数据

0 个答案: