2017-02-26 71 views
0

我有我的.PHP网站一个div里面包含一些内容。现在,我希望Div在每5秒钟之后通过同一页面上的脚本进行自我刷新。刷新股利全自动

我已经试着用jQuery来做到这一点,但考虑到所有的例子只是展示了如何装载和更新从另一个文件的内容。

请告诉我最简单的方式来解决这个问题? (也许用JS?)

在我与这个struggeling的时刻:

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

 
autoRefresh_div();

+1

你到目前为止试过的东西?请显示你的代码 –

+0

你需要一些文件/ api/url来给你想要显示的新数据,然后使用'setInterval'。如果您需要更多帮助,请发布一些代码。 – abc123

+0

在这种情况下_refresh本身意味着什么?元素是否显示数据库中的某些值? – Sampson

回答

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方法r请求整个文档,这可能相当大。然后丢弃所有这些,只保存你想要显示的元素。这有点浪费,尤其是对于需要观看其数据使用情况的用户。

如果元素显示从数据库中的值,我会鼓励你建造一些原始的REST API,可以让你独自检索值。然后,您可以使用jQuery的任何AJAX方法单独请求它。