Javascript 如何将数据发送到Flask服务器？_Javascript_Python_Html_Python 3.x_Flask

Javascript 如何将数据发送到Flask服务器？

javascript python html python-3.x flask

Javascript 如何将数据发送到Flask服务器？,javascript,python,html,python-3.x,flask,Javascript,Python,Html,Python 3.x,Flask,我刚刚使用flask或JS，因此，我找不到一种方法来做我想做的事情。我使用flask（python）创建了一个Web服务器，它使用index.html作为主页，我希望每隔几秒钟（可能1-3秒）向服务器更新数据。问题是，我没有任何表格可以使用，甚至没有查询，我不知道还有什么可以使用。我要发送的数据是稍后保存在服务器主机上的小字符串 <body> <center> <button onmousedown="sendDirectionKey('^

我刚刚使用flask或JS，因此，我找不到一种方法来做我想做的事情。我使用flask（python）创建了一个Web服务器，它使用index.html作为主页，我希望每隔几秒钟（可能1-3秒）向服务器更新数据。问题是，我没有任何表格可以使用，甚至没有查询，我不知道还有什么可以使用。我要发送的数据是稍后保存在服务器主机上的小字符串

<body>
    <center>
        <button onmousedown="sendDirectionKey('^')">^</button>
        ...
    </center>
</body>

<script>
    function sendDirectionKey(Key) 
    {
        ...
        sendData(data_string);
    }

    function sendData(data)
    {
        ...
    }
</script>


^
...
函数sendDirectionKey（键）
{
...
sendData（数据字符串）；
}
函数sendData（数据）
{
...
}

一个简单的现代解决方案是

fetch（）

API：

function sendData(data)
{
  const body = new FormData();
  body.append("key", data);
  return fetch("/receive", {method: "POST", body, credentials: "include"});
}

Python端的等效接收器类似于

@app.route("/receive", methods=["POST"])
def receive():
    print(request.form)  # should have a `key` key

它现在没有显示任何新的内容，我在哪里可以看到这些新的数据值？当然，您需要对接收到的数据做一些处理。我知道，啊哈，但是sendData（）上一定有一些错误，因为它在控制台上给我提供了这些，并且没有到达服务器主机。“uncaughttypeerror:body.add不是函数”只是用.append（）修复了所有问题。非常感谢！