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

Question

我正在使用一个post请求来添加表单中的输入数据。这些数据被推送到数组变量burg，然后放入我的index.handlers视图中。所有这些都有效，但在刷新时(当表单中没有任何内容时(，数组会添加刚刚推入数组的数据的另一个实例。我正在想办法取消这个刷新功能(保持数组不变，只清除放置burg的表单输入和显示区域

在index.handbars 中显示阵列列表和表格

<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

<输入类型＝"；文本"；class＝"；形式控制"；id＝"；添加"；name＝"；添加"；占位符＝"；独特的汉堡细节"；required>

试试这个也许它会做的工作添加所需的标签