每x秒刷新一次DIV,而无需重新加载页面

时间:2020-04-01 09:58:35

标签: javascript jquery html ajax

关于div刷新有很多stackoverflow条目。我尝试了一些代码,但没有使它起作用。 在我的DIV中,我想调用一个php函数(获取当前数据库条目)。我应该改变什么?甚至有可能重新加载div以进行新的php函数调用?

我的index_design.php:

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"</script>

<body onload="startTime()">
   <div id="ajaxcontainer">
      <div>
         <?php $mycontroller->getEntries(); ?>
      </div>
      <div>
         <?php $mycontroller->getEntries2(); ?>
      </div>
   </div>
</body>

<script type="text/javascript" src="js/javascript.js"></script>
<script type="text/javascript" src="js/javascript_document_ready.js"></script>

我的javascript_document_ready.js:

$(document).ready(function () {

    function loadlink(){
       $('#ajaxcontainer').load('index_design.php',function () {
          $(this).unwrap();
       });
    }

    loadlink(); 
    setInterval(function(){
       loadlink() 
    }, 10000);

}

Projectfolder:

  • index_design.php

  • 文件夹(JS)-> javascript.js

  • 文件夹(JS)-> javascript_document_ready.js

1 个答案:

答案 0 :(得分:0)

尝试使用AJAX。

setInterval(_ => {
  $.ajax({
     url: "index_design.php",
     type: "GET",
     dataType: "html",
     success: html => {
       $("#ajaxcontainer").html(html);
     }
  });
}, 10000);
相关问题