2017-02-26 65 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方法單獨請求它。