javascript - 访问 Node/ express 中发布的表单数据

Question

我正在开发一个小型 JS 应用程序，使用 Node 和 Express 来绘制通过表单输入然后发布的用户数据。

到目前为止，我已经获得了该页面的 post 方法来捕获数据，如下所示。

app.post('/barchartentry', function(req, res){

    var barValues = req.body.myInputs;
    var labelValues = req.body.myLabel;

    console.dir(barValues);
    console.dir(labelValues);
});

我的问题是，我现在想渲染一个新的空白页面，我将使用它来绘制并渲染图表，并且我需要上述数据。这些数据可以在下一页的“res”中找到吗？如何将数据移动或放置到某处，以便我可以使用客户端 JS 轻松访问它，以使用 Canvas 绘制内容并绘制输入图？

Answer 1

您发布到/barchartentry 的数据不会在您渲染的下一页上自动可用，但您可以轻松地将其传递到下一页:

app.post('/barchartentry', function(req, res){

    var barValues = req.body.myInputs;
    var labelValues = req.body.myLabel;

    console.dir(barValues);
    console.dir(labelValues);

    // pass an object to the view to render with the data that you need
    data = {title: 'my chart', values: barValues, labels: labelValues);
    res.render('chartview', data);

});

在您的 View (示例中的 chartView)中，您可以在渲染 HTML 时访问这些值。例如，如果您使用 EJS 作为 View 模板，您可以执行以下操作:

<h1><%= title %></h1>

<% for (var i = 0; i < values.length; i++) { 
    value: <%= values[i] %>
} %>