javascript - 如何使用 Flask 将 JavaScript 连接到 Python 脚本？

Question

我使用 HTML/CSS 创建了一个网站。我还使用 Javascript 来处理事件(单击按钮，...)。

现在我想将 Python 脚本与其连接，更重要的是，将 Python 函数的结果返回到我的网站并在那里显示(使用)它们。

考虑这样的事情:我有一个带有输入字段和按钮的网站。如果单击该按钮，则应运行一个 Python 脚本，如果输入是奇数或偶数，则该脚本会返回(当然，对于这种特定情况，您不需要 Python，但这就是我想要做的)。

根据我的研究，我相信 Flask 是用于此目的的库，但我真的不知道该怎么做。我发现的例子很少。如果有人可以实现上面的示例或告诉我如何准确地做到这一点，我将非常感激。

我知道网上已经有一些关于这个概念的问题，但正如我所说，例子很少。

Answer 1

您认为 Flask 是一个很好的解决方案，而且到处都有示例和教程，这是正确的。如果您想要的只是在按下按钮时运行特定函数并在 JavaScript 中返回一些内容，我在下面放了一个简单的示例。

# app.py
from flask import Flask, render_template
from flask import jsonify

app = Flask(__name__)

# Display your index page
@app.route("/")
def index():
    return render_template('index.html')

# A function to add two numbers
@app.route("/add")
def add():
    a = request.args.get('a')
    b = request.args.get('b')
    return jsonify({"result": a+b})

if __name__ == "__main__":
    app.run(host='0.0.0.0', port=80)

然后可以使用python app.py运行它，并确保您的index.html位于同一目录中。那么您应该可以转到 http://127.0.0.1/并查看您的页面加载情况。

这实现了一个将两个数字相加的函数，可以在 JavaScript 中通过调用 http://127.0.0.1/add?a=10&b=20 来调用它。 。然后应该返回 {"result": 30}。

您可以使用下面的代码在 JavaScript 中获取此代码，并将此代码放置在点击回调时的按钮中。

let first = 10;
let second = 20;
fetch('http://127.0.0.1/add?a='+first+'&b='+second)
  .then((response) => {
    return response.json();
  })
  .then((myJson) => {
    console.log("When I add "+first+" and "+second+" I get: " + myJson.result);
  });

这应该是准系统的基础知识，但是一旦您可以向 Flask 提交数据并取回数据，您现在就拥有了一个在 Python 中运行事物的界面。

编辑:完整的前端示例

https://jsfiddle.net/4bv805L6/