PHP 和 MySQL : retrieving data from a database based on the link a user clicks

Question

我在一个页面上放了一组小图片作为链接(大约 50 个左右)。在同一个页面中，我有一个内容占位符来显示数据库中的数据，我在 phpmyadmin 中保存了一个表，其中包含一组填充了数据的字段。

我想要的是当用户点击某个图像链接时，与该图像相关的数据被检索到站点中。所以我希望检索数据以匹配单击的图像。

我知道如何使用 Dreamweaver 中的绑定(bind)面板从数据库中检索数据，我知道这与筛选检索到的数据有关，但我不知道该怎么做。我怎样才能使这个过程工作？

如果有帮助，我也在这个项目中使用了 Jquery CSS 和 javascript。

项目如下所示:

http://i725.photobucket.com/albums/ww256/flower1991a/world_zps26b7083d.png

HTML代码:

它没有显示我截图了:

http://i725.photobucket.com/albums/ww256/flower1991a/a_zpsa138aa52.png

jQuery 代码:

$(文档).ready(函数() {//开始就绪

//...................................................
// When the form changes
$('#mapForm').change(function() {

    var selectedContinent = $('#mapForm option:selected').val();
    if (selectedContinent == 'ALL'){
        $('a.dot').slideDown(1000);
    }else{
        $('a.dot[continent = "'+selectedContinent+'"]').slideDown(1000);
        $('a.dot[continent != "'+selectedContinent+'"]').slideUp(1000);
    }

});

//...................................................
// When a dot is clicked
$('a.dot').click(function(){

    $('a.dot').removeClass('selected');
    $(this).addClass('selected');

    var city = '.city_detail#' + $(this).attr('city');
    var htmlCode = $(city).html();

    $('.detail_container').fadeOut(500, function(){
        $('.detail_container .city_detail').html(htmlCode);
        $('.detail_container').fadeIn(500);
    });

});

//结束就绪});

Answer 1

您需要创建一个 PHP 脚本，该脚本根据被点击的图像接受一个 REQUEST 变量参数，并返回该图像的数据。

然后您可以通过 AJAX 调用该 PHP 脚本，并使用检索到的数据填充您想要填充的页面区域。