使用从php文件中提取的数据基于链接单击刷新div

我有一个图像滚动与选择的图像在它。这些图像将从数据库中取出。滚动条上方是文件夹列表

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

首先是默认的html/php页面

现在存在的图像仅用于测试。写入查询时，这些图像将是无文件夹中的默认图像

关于.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

在about.php的顶部

   <script>

   function getImages(id)
    {
     $.ajax({

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

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

     });

  }
  </script>

---

将GET变量直接放入mysql_*查询似乎是一个好主意，而且可能不会给您带来任何注入问题？@adeneo这应该不是问题。这些文件已经在管理员区域中，只有一个用户可以访问该区域，以确保您能够加载新图像？问题是scroller支持哪些方法来销毁和重新初始化？尝试在加载新图像后初始化它，看看会发生什么happens@charlietfl好的，我重温了getImage文件的路径是错误的，现在它工作得很好。不过有一个问题。因为这是我的第一个ajax请求。这是做我想做的事情的正确方法吗？因为上面的adeneo似乎认为这是危险的。。。他只是指出mysql查询应该被清理以避免数据库损坏。现在，只需在表单中进行简单的输入，就可以很容易地删除整个数据库

   <script>

   function getImages(id)
    {
     $.ajax({

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

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

     });

  }
  </script>