使用jQuery自动重新加载页面

时间:2014-04-27 15:28:07

标签: javascript php jquery reload

我有一个测试页面,我将所有实验室都放在我的本地IDE(MAMP)上。我最近写了一个小的PHP脚本,它将读取目录并在该目录中创建每个文件的链接,这对我有帮助,因为现在我不必每次都要写出完整的本地URL来测试新文件。我仍然需要刷新页面,每次我创建一个新文件,所以它的'读。我想将页面设置为自我阅读'所以,当我添加一些东西时,它会出现在页面上。我认为Ajax会很好地利用它,但我尝试过的脚本并不起作用。我不知道ajax和jQuery - 老实说,我真的是一个超级新手 - 但我正努力成长。

我在坚果壳中的问题:脚本似乎没有更新页面(可能是这样,我没有做对吗?我不知道 - 也许我应该使用javascript来刷新页面?)

我的代码:

<!-- For ease of use, use JQuery hosted lib- you can download any version and link to it locally also -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
 $(document).ready(function() {
 $("#responsecontainer").load("response.php");
   var refreshId = setInterval(function() {
      $("#responsecontainer").load('response.php?randval='+ Math.random());
   }, 1000);
   $.ajaxSetup({ cache: false });
});
</script>

<div id="responsecontainer">

<?php //index.php
$dir_open = opendir('.');

while(false !== ($filename = readdir($dir_open))){

    if($filename != "." && $filename != ".."){
        $link = "<a href='./$filename' target='_blank'> $filename </a><br />";
        echo $link;
    }
}
closedir($dir_open);
?>

</div>
<!-- End jQuery auto update div -->

0 个答案:

没有答案