Javascript 当数据的形式不同时，通过按钮将数据发送到SQL

我正在制作一个可以在线玩的家庭游戏，每位玩家在

input=“text”

字段中输入答案，然后单击提交

当我刷新我的页面时，所有答案现在都显示在页面上它们的名字旁边，然后我单击一个按钮检查重复的答案。所有没有重复答案的人都会得到一个分数，该分数会再次显示在他们的名字旁边

我已经用PHP编写了从SQL数据库获取单词和分数的代码，但现在的问题是，当我检查重复项并更新页面上的分数时，它们只是客户端的更新，因此当我下次刷新页面以显示新答案时，所有分数都会恢复到服务器上的分数

我已经做了一个更新按钮，我想点击它，它会将分数发送到SQL数据库。如下:

• 玩家在电脑上输入答案，然后按提交
• 我刷新电脑上的页面（使用超缩放和共享屏幕让所有人都能看到）
• 然后，我通过点击按钮检查答案，该按钮将检查重复项，并在分数上加1 用户，如果他们有唯一的答案
• 然后，我单击更新，该更新会将新的

  得分

  值发送到数据库，以便下次刷新页面时，它会被删除 将显示他们的更新分数

我现在正在尽可能简单地做这件事

我编写了更新分数的代码，但后来我意识到，我用来更新分数的按钮与分数输入的形式不同，因此当我单击它时，它无法获得任何值

包含玩家单词和分数的表单的html示例如下：

<form action="/scat/insertKaty.php" method="post">
        <div class="row">
            <div class="mx-3 names col-lg-3">
                <div id="katyName">
                    <input type="text" placeholder="Katy">
                </div>
            </div>
            <div class="mx-3 names col-lg-3">
                    <input type="text" name="katyWord" id="katyWord" value=<?php echo($katyWord)?>>
                </div>
            <div class="mx-3 names col-lg-3">
                <input type="number" id="katyScore" name="katyScore" value=<?php echo($katyScore)?>>
            </div>
            <div class="btn col-lg-1">
            <input type="submit" name="katyEnter" id="katyEnter">
            </div>
        </div>
    </form>

---

我一直在考虑为所有9名玩家添加一个

字段，该字段将在客户端保存其当前分数的值，然后在post方法中将其传递给PHP脚本。但我不确定如何将隐藏的输入值设置为updatescore.php文件中这一行的值，插入代码以将分数返回到HTML页面。 或者您可以使用会话功能在客户端保存数据

欢迎使用SO！请阅读

      <form action="/scat/updateScore.php" method="post">
          <input type="submit" class="btn btn-primary " id="updateScore" name="updateScore" value="Update 
          Score" />
      </form>