Website: Send data from javascript (client) to python (server)

Question

I have wrote a website using html/css and javascript and I am running this site using a simple python script

import http.server
import socketserver

PORT = 8000
Handler = http.server.SimpleHTTPRequestHandler

with socketserver.TCPServer(("", PORT), Handler) as httpd:
    print("serving at port", PORT)
    httpd.serve_forever()

the website is running just fine. However I am trying to understand how can I send data from the js client to the python server? Let's settle a simple example. Let's assume that I have a simple html text input and a simple html button and I am writing some text to the field, how am I supposed to send this text, when I am pressing the button, to the server?

NOTE: I am using pure javascript so far

Possible duplicate of [Ajax tutorial for post and get](https://stackoverflow.com/questions/9436534/ajax-tutorial-for-post-and-get) — Yegor, Jul 24 '19 at 11:49
@YegorZaremba I am trying to used pure javascript as you can read on the NOTE section. I am asking for the python script as well — Karampistis Dimitrios, Jul 24 '19 at 12:03

score 1 · Accepted Answer · answered Jul 24 '19 at 12:11

1

You should implement in Python a handler that can handle a POST or a PUT request onto a given URL. And in javascript, you just send your HTTP request on this URL with the correct HTTP method and with data in the body of your request.

answered Jul 24 '19 at 12:11

Olivier CAYROL

256
2
5

You should have a look at a simple Python library for building your Web server. For example Flask: https://palletsprojects.com/p/flask/ – Olivier CAYROL Jul 24 '19 at 12:13
I was not aware of flask I made a search online about it and I found the example I was asking for [https://www.tutorialspoint.com/flask/flask_http_methods.htm](https://www.tutorialspoint.com/flask/flask_http_methods.htm) – Karampistis Dimitrios Jul 24 '19 at 12:33
Glad to be helpful. :-) – Olivier CAYROL Jul 24 '19 at 13:36

Website: Send data from javascript (client) to python (server)

1 Answers1