如何使用 JavaScript 将消息从 HTML 发送到 Python (Flask)？答案

【问题标题】：How do I send message from HTML to Python (Flask) using JavaScript?如何使用 JavaScript 将消息从 HTML 发送到 Python (Flask)？
【发布时间】：2021-01-09 18:01:52
【问题描述】：

我需要使用 JavaScript 将字符串从 HTML 文件发送到 Python(Flask)。

这是我在“模板”文件夹中的 HTML 代码：

<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>

这是我在“静态”文件夹中的 JavaScript 代码 (index.js)

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

这是我main.py的代码

from flask import *

#some code

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

它应该可以工作，但按钮不起作用，按下按钮时没有打印“点击”。

【问题讨论】：

将 $('a#test') 更改为 $('button#test') 或更好的 $('#test')

标签： javascript python html sockets server

【解决方案1】：

@geatanoM change $('a#test') to $('#test') 因为应该只有一个元素以 test 作为其 id 并且您尝试在代码中调用 a 标记而不是按钮

【讨论】：

非常感谢，这解决了问题。我不熟悉 JavaScript :))

【解决方案2】：

如果不使用 JavaScript，你可以使用flask jinja 来做到这一点

【讨论】：

这不能回答问题。请在回答问题时提供解决方案。