Question

我有一个使用php从数据库填充的缩略图库。每个缩略图也是一个链接。我想要的是能够在每种情况下加载外部php页面，每个缩略图的大版本，两侧都有相关的图像。

数据库表都是在关系意义上正确设置的，但我不确定能够将数据（在本例中为imgId）从缩略图库页面发送到外部的功能页面，并同时加载外部页面。

我认为可以使用表单提交，但由于我需要在每个缩略图链接上使用此功能，我认为Ajax可以使用jQuery。但是，当我点击链接时，它似乎并没有发送数据。

希望有人可以给我一些建议。提前谢谢。

HTML：

<a target="_blank" href="secondary_imgs.php" class="gallery" value="16">
   <img src="new_arrivals_img/thumbnails/boss-skaz1_black_front.jpg">
</a>

jQuery：

$('.gallery').click(function(){
    $.get("secondary_imgs.php", { imgId: $('.gallery').attr('value') });
});

Answer 1

在函数内使用$（this）来引用点击的图库

$('.gallery').click(function(){
    $.get("secondary_imgs.php", { imgId: $(this).attr('value') });
});

Answer 2

试试这个：

$('.gallery').click(function(){
    $.get("secondary_imgs.php", { imgId: $(this).attr('value') }, function(data) {
        $('body').append(data);
    });
});

如果单击它时没有任何效果，请浏览到“/secondary_imgs.php?imgID=xxx”并查看它是否正确返回数据。

Answer 3

好吧，我觉得有点蠢，但我发现我需要做的就是通过URL传递数据。下面的PHP代码显示了我的意思，我感谢那些帮助我解决这个问题的人。我做错的错误比需要的更复杂。

我的问题是，如下所示，将数据放入href是否安全？我记得有人提到有关谷歌蜘蛛等的强效离子问题。

PHP：

while($row = mysql_fetch_assoc($result_pag_data)) { 
    echo "<a target='_blank' href='secondary_imgs.php?imgId=".$row['imgId']."'></a>";
}

使用Ajax将数据发送到外部页面，然后加载所述外部页面

3 个答案: