javascript - 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

您需要一个包装器来重新加载部分。像这样的东西必须起作用:

<script>
 $(document).ready(
 function() {
  setInterval(function() {
   $("#dbq-wrapper").load("dbqtest.php");
  }, 10000); //Delay here = 10 sec
 });
</script>

和 HTML:

<div id="dbq-wrapper">
 <section class="col-lg-6" id="dbq">
  <p>My Section </p>
 </section>
</div>

然而，您可以在 section 内使用 div 并将数据重新加载到其中，并使用 section 作为父级，无论如何您都需要包装器。

<小时/>

由于您希望第一次加载没有延迟，解决方案是这样的:

< script >
    function dbqLoader {
        $("#dbq").load("dbqtest.php");
    }

    $(document).ready(function() {
            dbqLoader(); // for first time.
            function() {
                setInterval(function() {dbqLoader();}, 10000); // Loop with Delay
            });  
    });
</script>