从JavaScript文件而不是HTML/CSS检索可变值

Question

如果这是一个简单的问题，我深表歉意，但是我花了很长时间被完全卡住，所有指南都从HTML文件中检索，因此我不知道从哪里开始或搜索什么。

        <form class="container" method="post">
            <div class="form-group">
                <input class="form-control" name="title">
            </div>
            <textarea class="form-control" name="content"></textarea>
            <button>add to mongodb</button>
        </form>

从HTML文件中的此代码中，我可以检索输入的值，

app.post("/", function(req, res) {
    let newGameData = new gameData ({
        score: req.body.title,
        jumps: req.body.content,
    });
    newGameData.save();
    res.redirect('/')
})

但是，我想从HTML中检索变量，而不是从HTML内部检索变量，而是

var score = [];
var jumps = [];

将包含下面这些变量的JavaScript文件应用于这些变量。得分提高，随着角色的跳跃，在每个生命的结束时，我想将其附加到得分上，并定期检索这些数据以上传到mongodb，反之亦然，我检索并显示高分。

我当时想将可以上传到MongoDB的JSON文件写信，尽管我不知道该如何处理，或者如果它完全有效，那么任何帮助都将不胜感激，谢谢！

Answer 1

如评论中所建议的，了解Ajax。这是一个示例代码：

let newGameData = {
  score: title,
  jumps: content,
};

$.post("/", newGameData, function(result) {
  console.log(result)
})

在服务器端，不要重定向，而是res.send（结果）。

Answer 2

您需要在按钮标签中添加type = submit：

<button type="submit">add to mongodb</button>