我只是一个坚持不懈的初学者,我遇到了另一个障碍,所以我希望你能再帮我一次...... :)我有那个HTML:
<div class='hold'><?php include 'image.php'; ?></div>
<div class='refresh'>Get new image</div>
那个PHP代码:
<?php
$dir = 'images/';
$img = array();
if(is_dir($dir)) {
if($od = opendir($dir)) {
while(($file = readdir($od)) !== false) {
if(strtolower(strstr($file, '.'))==='.jpg') {
array_push($img, $file);
}
}
closedir($od);
}
}
$id = uniqid();
$smth = array_rand($img, 1);
echo '<img src=' . $dir.$img[$smth] . '?' . $id . ' width="200px" height="50px" />';
echo '<input type="hidden" value=' . $id . ' />';
?>
所以现在,当我查看我的页面时,我在文件夹图片中的<div class='hold'></div>
我的img中看到了,它没问题。但是,当我点击<div class='refresh'></div>
时,我显然想从我的文件夹中获取另一个img,但我不知道如何正确地完成这个技巧。
我知道第一个答案是使用AJAX,我知道我可以做类似
function loadGraphic() {
$('.hold').load('image.php');
};
loadGraphic();
然后$('.refresh').click(loadGraphic);
但是当我尝试从服务器做出响应时,我会得到两件事:image.php
当然还有像car.jpg?573c4e010c7f6
这样的东西......但我非常非常想要一个看起来像
car.jpg?573c4e010c7f6
要么
image.php?573c4e010c7f6
- 我不在乎......
所以...我希望你有我的概念......也许我要求奇迹 - 我不知道!任何,绝对任何帮助将不胜感激:)
答案 0 :(得分:0)
尝试以下方式:
JS功能:
function loadGraphic() {
$.get("image.php", function(data) {
$(".hold").html(data);
});
};
HTML:
<div class='refresh' onclick='loadGraphic()'>Get new image</div>