Javascript flask web应用程序会话工作不正常

我正试图创建一个聊天应用程序使用烧瓶和插座的灵感看到科技与蒂姆创建它。 但是我有一个问题，出于某种原因，出现的名称是主屏幕中输入的最新名称。 主要代码如下：

@app.route("/getName") def getName(): output = {"name": ""}
    if NAME_KEY in session:
        output["name"] = session[NAME_KEY]
    print("output", output)
    return jsonify(output)

最初的功能

@app.route("/", methods = ["POST", "GET"])
def sessions():
if request.method == "POST":
        name = request.form["usernameInput"]
        if len(name) >= 1:
            session[NAME_KEY] = name
            return mainPage()
    return render_template("usernamePage.html")

javascript

var form = $("form").on("submit", async function(e) {
          e.preventDefault()
          // let user_name = $("input.username").val();
          // get the name from flask backend, convert it into json and use it
          let dictionary = await fetch("/getName");
          let response = await dictionary.json();
          let user_name = response.name;
          let user_input = $("input.messageInput").val();
          socket.emit("my event", {
            userName : user_name,
            message : user_input
          } )
          $("input.message").val("").focus()
        } )

我可以发送更多的代码，如果你愿意

以防我不清楚，这里有一些图片显示了发生了什么。 在一个选项卡上使用它。

在其他选项卡上使用它。

但现在，当我在“原始”选项卡上使用它时，名称是新名称，而不是原始名称。