Question

我已经在网上搜索了很多关于链接到图片库的缩略图的资料，但我想我错过了一些简单的内容，希望你能提供帮助。用户根据按钮单击选择一组缩略图图像进行显示。我从mysql数据库中检索缩略图。到现在为止还挺好。在点击缩略图时，我想显示与该缩略图相关的多个其他图像，为此，我使用了如下的jquery脚本：

    <script type="text/javascript" >
        $(document).ready(function(){
         $( "img" ).on("click",function(){
            var $thumb_name = $("img").attr("src");
            $.ajax({
                  type:"post",
                  url: "test.php",
                  data: {thumb_name:'$thumb_name'},
                  success: function( data ) {
           $( "#val" ).html(data);
           } //data
    }); //close ajax
    }); //close onclick
    }); //close document ready
    </script>

服务器端php脚本只是

    <?php
        $thumb_name = $_POST['thumb_name'];
        echo "the clicked thumb is $thumb_name";
    ?>

我从数据库中检索了$ thumb_name（我可以在缩略图图像旁边显示它/它们）。问题是上面的代码并没有将它作为值传递给服务器端，而是作为字符串$ thumb_name传递给服务器端。我正在与php脚本进行通信，因为字符串确实放在名为＆＃39; val＆＃39;的div中。如果能够获得缩略图图像的实际名称，我知道如何显示更多图像。

感谢您的帮助。

Answer 1

您必须删除$thumb_name周围的引号：

<script type="text/javascript" >
    $(document).ready(function(){
     $( "img" ).on("click",function(){
        var thumb = $(this).attr("src");
        $.ajax({
              type:"post",
              url: "test.php",
              data: {thumb_name: $thumb_name},
              success: function( data ) {
       $( "#val" ).html(data);
       } //data
     }); //close ajax
   }); //close onclick
}); //close document ready
</script>

带有数据库缩略图的图库，每个都与其他图像相关

1 个答案: