php - PHPファイルから取得したデータを使用してリンククリックに基づいてdivを更新する

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>