每次刷新页面时，最后提交的表单数据都会不断添加到数组中

Question

我正在使用发布请求从表单中添加输入数据。此数据被推送到数组变量burg，然后放入我的 index.handlebars 视图中。所有这些都有效，但是在刷新时（当表单中没有任何内容时），数组添加了刚刚推入数组的数据的另一个实例。我想弄清楚如何取消这个刷新功能（保持数组相同，只清除放置burg的表单输入和显示区域。

在 index.handlebars 中显示数组列表和表单

 <ul>
            {{#each burg}}
            <li>{{this}}</li>
            {{/each}}
          </ul>



<form class="form-group" method="post" action="/">
        <label>Add to Eat</label>
        <input type="text" class="form-control" id="add" name="add" placeholder="Unique Burger Details">
        <button type="submit" class="btn btn-primary btn-md" id="add-btn">
          <span class="fa fa-book"></span> Add Ur Burger</button>
      </form>

所有的controller.js

const express = require('express');
const router = express.Router();
 let burg=[];
router.post("/", (req, res, next) =>{
burg.push(req.body.add);
res.render("index",{burg});
res.end;
});

server.js 部分

app.use(express.static("public"));

app.use(express.json()); 
app.use(express.urlencoded({ extended: true }));

app.get("/", function (req, res) {
  res.render("index",{burg});
}
  app.use("/", burgerRouter);

Answer 1

required>

试试这个，也许它会完成在标签中添加所需的工作