Node.js、Express、EJS-刷新变量以在页面上输出

Node.js, Express, EJS - refresh variable to output on page

本文关键字：输出 变量 js Express EJS- 刷新 Node      更新时间：2023-10-08

所以我设置了一个Node.js服务器，并显示了一个显示当前CPU使用情况的页面，现在的问题是我必须刷新整个页面才能更新变量，如果我只是通过JavaScript更新变量，它会在刷新页面后直接显示正确的CPU使用情况，但在间隔结束后，它只会输出"未定义"。

Node.js代码：

var cpuusage = 0;
var percent = require('cpu-percent');
percent(function(err,percent){
    if(err) { }else{
        cpuusage = Math.round(percent);
    }
});

^获取当前CPU使用情况

app.get("/", function (req, res) {
    res.render("default.ejs", {
        "cpu":cpuusage
    });
});

^将值分配给EJS模板

default.ejs代码：

<b>CPU</b>: <span id="showCpu"><%= cpu  %></span>% <br>
<script>
    function updateCPU(){
        document.getElementById("showCpu").innerHTML="<%= cpu %>";
    }
    setInterval("updateCPU()", 2000);
</script>

^输出变量值，然后刷新span

您调用setInterval的方式不对，它希望第一个参数是一个函数。

setInterval(updateCPU, 2000);

顺便说一句，如果你想更新CPU使用情况，只需在x秒后刷新页面即可。或者创建一个以JSON格式返回cpu使用情况的cpu端点，并在x秒后点击该端点以更新cpu使用情况，而不刷新它

相关文章：