How do I send message from HTML to Python (Flask) using JavaScript?

Question

I need to send string from HTML file to Python(Flask) using JavaScript.

This is my HTML code inside "templates" folder:

<button type="button" class="btn btn-primary btn-lg" id="test">Large button</button>
<script type="text/javascript"
    src="{{ url_for('static', filename='index.js') }}"></script>

This is my JavaScript code (index.js) inside "static" folder

$(function() {
$('a#test').bind('click', function() {
//var value = document.getElementById("msg").value
    $.getJSON('/run',
        //{val:value},
        function(data) {
        // do nothing
        });
        return false;
  });
});

This is the code for my main.py

from flask import *

#some code

@app.route("/run")
def run():
print("clicked")
return "none"

It is supposed to work, but the button doesn't work, "clicked" isn't being printed when the button is being pressed.

change $('a#test') to $('button#test') or better $('#test')

gaetanoM
– gaetanoM

2020-09-23 13:58:50 +00:00
Commented Sep 23, 2020 at 13:58 — gaetanoM
– gaetanoM, Commented Sep 23, 2020 at 13:58

andy wilson · Accepted Answer · 2020-09-23 14:15:34Z

1

@geatanoM change $('a#test') to $('#test') as there should only ever be one element with test as its id and your trying to call an a tag in your code rather than a button

answered Sep 23, 2020 at 14:15

andy wilson

9705 gold badges16 silver badges40 bronze badges

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

1 Comment

Isa Kurbanov Over a year ago

Thank you very much, this solved the issue. I am not familiar with JavaScript :))

Collectives™ on Stack Overflow

How do I send message from HTML to Python (Flask) using JavaScript?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related