How can I send data to Flask Server? [duplicate]

Question

I'm new using flask or JS, as that, I can't find a way to do what I want to. I created a webserver using flask (in python) and it uses index.html as main page, I wanted to update data to the server every few secounds (maybe 1-3 secs). The thing is, I don't have any form to work with, or even queries and I don't know what else can I work with. The data I want to send is small string to be saved on server host later on.

<body> <center> <button onmousedown="sendDirectionKey('^')">^</button> ... </center> </body> <script> function sendDirectionKey(Key) { ... sendData(data_string); } function sendData(data) { ... } </script>

AKX · Accepted Answer · 2020-03-17 07:11:29Z

1

An easy modern solution is the fetch() API:

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

The equivalent receiver on the Python side would be something like

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

edited Mar 17, 2020 at 7:11

answered Mar 16, 2020 at 16:50

AKX

171k16 gold badges146 silver badges229 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Diogo Dias Over a year ago

It doesn't show anything new now, where can I see those new data values?

AKX Over a year ago

You'll need to do something with the received data, of course.

Diogo Dias Over a year ago

I know that ahah, tho there must be some error on sendData(), because it gives me this on console, and doesn't reach the server host. "Uncaught TypeError: body.add is not a function"

Diogo Dias Over a year ago

Just fixed all with .append() instead. Much thanks!

Collectives™ on Stack Overflow

How can I send data to Flask Server? [duplicate]

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related