用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);
});