javascript - AJAX + jQUERY : load div instantly, 然后每隔 X 秒刷新一次

Question

我使用 jQUERY+AJAX 每 X 秒刷新几个 div。我想知道在页面加载后立即(第一次)加载这些 div，然后等待(例如 30 秒)每次刷新的方法。我已经看到你命名一个函数然后调用刷新。事实上，我不知道如何用我的代码解决它。

这是我的代码行:

// <![CDATA[
    $(document).ready(function() {
    $.ajaxSetup({ cache: false }); // This part addresses an IE bug. without it, IE will only load the first number and will never refresh
    setInterval(function() {

    //DIVs that are being loaded
    $('#item01_tobeloaded').load('items/item01.php');
    $('#item02_tobeloaded').load('items/item02.php');

 }, 30000); // the "30000" here refers to the time to refresh the div. it is in milliseconds.

    });
    // ]]>

任何帮助将不胜感激:)

谢谢!

Answer 1

<script type="text/javascript">
     $(document).ready(function() {
       $("#refresh").load("refresh.php");
       var refreshId = setInterval(function() {
          $("#refresh").load('refresh.php?' + 1*new Date());
       }, 1000);
    });
</script>

这个小脚本会持续加载和刷新 div“刷新”，您可以通过将 1000 更改为您需要的任何值来根据您的需要进行调整。 1000 将每秒刷新一次。

这一行

$(document).ready(function() {
$("#refresh").load("refresh.php");

准备好在文档上加载您的内容，之后您可以坚持使用您的代码