Php和MySQL:根据用户点击的链接从数据库中检索数据

时间:2013-12-02 09:44:32

标签: php jquery mysql dreamweaver

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

我想要的是当用户点击某个图片链接时,与该图片相关的数据会被检索到该网站。所以我想要检索数据以匹配点击的图像。

我知道如何使用Dreamweaver中的绑定面板从数据库中检索数据,我知道这与过滤检索的数据有关,但我不知道该怎么做..我怎样才能使这个过程有效?

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

该项目如下所示:

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

HTML code:

它没有显示我截了它的截图:

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

jQuery代码:

$(document).ready(function(){ //开始准备

//...................................................
// 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);
    });

});

//结束准备 });

1 个答案:

答案 0 :(得分:0)

您需要创建一个PHP脚本,该脚本根据已单击的图像获取REQUEST变量参数,并返回该图像的数据。

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