如何正确刷新包含的PHP文件?

时间:2016-05-18 11:39:22

标签: php jquery html

我只是一个坚持不懈的初学者,我遇到了另一个障碍,所以我希望你能再帮我一次...... :)我有那个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 - 我不在乎...... 所以...我希望你有我的概念......也许我要求奇迹 - 我不知道!任何,绝对任何帮助将不胜感激:)

1 个答案:

答案 0 :(得分:0)

尝试以下方式:

JS功能:

function loadGraphic() {
     $.get("image.php", function(data) {
        $(".hold").html(data);
    });
 };

HTML:

<div class='refresh' onclick='loadGraphic()'>Get new image</div>