JQuery 仅重新加载 div 数据

Question

我是 JQuery 新手，在使用以下脚本刷新 div 时遇到问题< script >  $(document).ready(    function() {      setInterval(function() {        $("#dbq").load("dbqtest.php");      }, 10000); //Delay here = 10 sec    }); </script><?phpecho '<section class="col-lg-6" id="dbq">';echo '<p>My Section </p>';echo '</section>';?>我试图刷新的部分声明如下我面临的问题是，每当页面第一次加载时，“dbqtest.php”中的表在第 10 秒内不可见。即使从“dbqtest.php”加载数据后，我的部分仍然存在

Answer 1

您需要一个用于重新加载的包装器section。像这样的东西必须工作：

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

但是，您可以div在内部使用section并将数据重新加载到该内部并section用作父级，无论如何您都需要包装器。

由于您想立即加载第一次，解决方案是这样的：

< script >

    function dbqLoader {

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

    }

    $(document).ready(function() {

            dbqLoader(); // for first time.

            function() {

                setInterval(function() {dbqLoader();}, 10000); // Loop with Delay

            });  

    });

</script>

Answer 2

一定是这样的：

<script>

    $(document).ready(function() {

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

        setInterval(function() {

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

        }, 10000); 

    });

</script>

它与 M.Abooali 的答案非常相似，但我已经解决了一些问题并将其最小化。