Express 应用 POST 响应 HTML 页面
Express app POST response to HTML page
我目前正在从事 IoT 项目,我正在尝试 POST 从 DHT11 temp 读取温度。传感器到我本地机器上的节点服务器。来自 Arduino 的 POST 很好,它正确地击中了我的服务器,并且在我的 server.js 上我也得到了传感器读数。但是,如何将此传感器读数打印到我的 HTML 页面?我使用 Jade 模板。
这是我在 server.js
中的 POST 代码
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
});
在我的 Jade 模板中
extends layout
block content
h2 #{pageTitle}
div
h1 #{temp}
谁能帮我解决这个问题?
您需要设置从浏览器页面到服务器的网络套接字连接,或者让它们轮询服务器以获取最新响应。该代码只是将您的页面呈现回您的 Arduino,而不是您的网络浏览器。此外,您必须为传感器读数找到一个永久存储位置,因为该位置是一个范围变量,将在 POST.
之后消失
我目前正在从事 IoT 项目,我正在尝试 POST 从 DHT11 temp 读取温度。传感器到我本地机器上的节点服务器。来自 Arduino 的 POST 很好,它正确地击中了我的服务器,并且在我的 server.js 上我也得到了传感器读数。但是,如何将此传感器读数打印到我的 HTML 页面?我使用 Jade 模板。
这是我在 server.js
中的 POST 代码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
});
在我的 Jade 模板中
extends layout
block content
h2 #{pageTitle}
div
h1 #{temp}
谁能帮我解决这个问题?
您需要设置从浏览器页面到服务器的网络套接字连接,或者让它们轮询服务器以获取最新响应。该代码只是将您的页面呈现回您的 Arduino,而不是您的网络浏览器。此外,您必须为传感器读数找到一个永久存储位置,因为该位置是一个范围变量,将在 POST.
之后消失