用php内容刷新div

Question

我正在使用网络摄像头为当前正在研究的学习项目拍照，并试图显示刚刚拍摄的图像。

拍摄照片后，将其放在文件夹中并希望显示所有照片，在我需要刷新的<div>内部将是显示它们的PHP代码。

我用一个名为testdata.php的PHP文件创建了一个简单的div，该文件回显了一个随机数，以查看是否可以正常工作。

我最初是从关于stackoverflow的类似问题中提取脚本的，但无法使其正常工作。

<script type="text/javascript">
          $(document).ready(function () {
             $('#mydiv').delay(10000).load('testdata.php');
          });
      </script>


 <div id="mydiv"></div>

问题是它显示了文件的内容，但没有刷新它

这是testdata.php的代码

<?php
echo(rand(10,100));
?>

Answer 1

用这个：

setInterval(function(){
     $('#mydiv').load('testdata.php');
}, 3000);

这将每3秒执行一次功能。

在此处阅读有关setInterval的更多信息

Answer 2

页面加载后，您的代码仅运行一次。 您将需要定期执行它：

$(document).ready(function () {
    setInterval(function() {
        $('#mydiv').load('testdata.php');
    }, 10000);
});

这将每10000毫秒执行一次加载功能。

Answer 3

您可以使用JavaScript的setInterval定期调用函数以从服务器加载内容。

因此，如果您想执行PHP脚本（例如每5秒执行一次），则应使用如下代码：

$(document).ready(function () {
             setInterval(function(){ $('#mydiv').load('testdata.php') }, 5000);
});