我有每 30 秒重繪 一次的資料,我想一直自動顯示新資料。現在我已經把我的問題改成了簡單的例子。系統每 5 秒重繪 一次資料。例如:
setInterval(function(){ number = number 2; }, 5000);
現在我想在渲染的站點上顯示當前數字:
app.get('/', async (req, res) => {
res.render(
'../templates/base.html.twig',
{data: number}
);
});
我可以看到系統中的數字正在發生變化,但呈現的頁碼不是實際的。只有在手動重繪 頁面后,數字才是當前的。
重繪 頁面是否有簡單的技巧(如 Angular),或者我必須使用 AJAX 來修改這些資料?
uj5u.com熱心網友回復:
你有幾個選擇來做到這一點:
- 使用https://www.w3schools.com/tags/att_meta_http_equiv.asp自動重繪 客戶端頁面
- 在客戶端為該特定值發出 fetch(AJAX) 請求(不時)(您需要一個快速路由來生成該值,并且客戶端需要更新 DOM)
- 同樣,您可以在客戶端使用 EventSource 并創建服務器發送的事件:https : //developer.mozilla.org/pt-BR/docs/Web/API/Server-sent_events/Using_server-sent_events
2 和 3 類似,如果您不知道事件何時發生但它保持與服務器的連接,則 3 更好
1 可能會過度更新單個值的整個頁面
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/367834.html
