自动重新加载Div

时间:2017-02-26 18:32:49

标签: javascript jquery html

我的.php网站上有一个包含一些内容的div。现在,我希望Div在同一页面上的脚本每隔5秒刷新一次。

我已经尝试过JQuery,但是所有给出的例子都展示了如何从另一个文件加载和刷新内容。

最简单的解决方法是什么? (也许用JS?)

在此刻,我正在努力:



function autoRefresh_div() {
  $("#div").load("load.html", function() {
    setTimeout(autoRefresh_div, 5000);
  });
}

autoRefresh_div();




1 个答案:

答案 0 :(得分:1)

您采取的方法应该有效,只需进行一些小改动:

// Look-up this element once; not for each request
let element = document.getElementById("div");

function autoRefresh_div() {
    // Add a selector to jQuery.fn.load
    $(element).load("load.html #div", function() {
        setTimeout(autoRefresh_div, 5000);
    });
}

autoRefresh_div();

要记住的一件事是$.fn.load方法请求整个文档,这可能相当大。然后它会丢弃所有这些,只保存您想要显示的元素。这有点浪费,特别是对于需要观察其数据使用情况的用户而言。

如果元素显示数据库中的值,我建议您构建一些原始REST API,允许您单独检索该值。然后,您可以使用任何jQuery的AJAX方法单独请求它。