JQuery 仅重新加载 div 数据

Question

我是 JQuery 新手，在使用以下脚本刷新 div 时遇到问题

< script >

  $(document).ready(

    function() {

      setInterval(function() {

        $("#dbq").load("dbqtest.php");

      }, 10000); //Delay here = 10 sec

    }); 

</script>

<?php

echo '<section class="col-lg-6" id="dbq">';

echo '<p>My Section </p>';

echo '</section>';

?>

我试图刷新的部分声明如下

我面临的问题是，每当页面第一次加载时，“dbqtest.php”中的表在第 10 秒内不可见。即使从“dbqtest.php”加载数据后，我的部分仍然存在

Answer 1

您需要一个用于重新加载的包装器section。像这样的东西必须工作：<script>&nbsp;$(document).ready(&nbsp;function() {&nbsp; setInterval(function() {&nbsp; &nbsp;$("#dbq-wrapper").load("dbqtest.php");&nbsp; }, 10000); //Delay here = 10 sec&nbsp;});</script>和 HTML：<div id="dbq-wrapper">&nbsp;<section class="col-lg-6" id="dbq">&nbsp; <p>My Section </p>&nbsp;</section></div>但是，您可以div在内部使用section并将数据重新加载到该内部并section用作父级，无论如何您都需要包装器。由于您想立即加载第一次，解决方案是这样的：< script >&nbsp; &nbsp; function dbqLoader {&nbsp; &nbsp; &nbsp; &nbsp; $("#dbq").load("dbqtest.php");&nbsp; &nbsp; }&nbsp; &nbsp; $(document).ready(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dbqLoader(); // for first time.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; setInterval(function() {dbqLoader();}, 10000); // Loop with Delay&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp;&nbsp;&nbsp; &nbsp; });</script>

Answer 2

一定是这样的：<script>&nbsp; &nbsp; $(document).ready(function() {&nbsp; &nbsp; &nbsp; &nbsp; $("#dbq").load("dbqtest.php");&nbsp; &nbsp; &nbsp; &nbsp; setInterval(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;$("#dbq").load("dbqtest.php");&nbsp; &nbsp; &nbsp; &nbsp; }, 10000);&nbsp;&nbsp; &nbsp; });</script>它与 M.Abooali 的答案非常相似，但我已经解决了一些问题并将其最小化。