快速应用程序对 HTML 页面的 POST 响应

Express app POST response to HTML page

本文关键字：POST 响应 HTML 应用程序      更新时间：2023-09-26

我目前正在从事物联网项目，我正在尝试将温度读数从 DHT11 温度传感器发布到本地计算机上的节点服务器。Arduino的开机自检很好，它可以正确击中我的服务器，在我的服务器上.js我也得到了传感器读数。但是，如何将此传感器读数打印到我的 HTML 页面？我使用翡翠模板。

这是我在服务器中的开机自检代码.js

app.post('/temp', function(req, res){
    var sensorReading = req.body.sensorInput;
    console.log("Temp: "+sensorReading); // this prints the input correctly to console.
    res.render('index', {temp:sensorReading}); // but this does nothing
});

在翡翠模板中，我有

extends layout
block content
   h2 #{pageTitle}
   div
      h1 #{temp}

有人可以帮我解决这个问题吗？

您需要设置从浏览器页面到服务器的 Web 套接字连接，或者让他们轮询服务器以获取最新的响应。该代码只是将您的页面渲染回Arduino，而不是Web浏览器。此外，您必须为传感器读数找到一个永久存储位置，因为该位置是一个范围变量，在开机自检后将消失。

相关文章：