如何使用 Flask 在 HTML 页面之间传递变量答案

【问题标题】：How to pass variables between HTML pages using Flask如何使用 Flask 在 HTML 页面之间传递变量
【发布时间】：2019-01-14 13:15:10
【问题描述】：

我是使用 Flask 的新手，我一直在尝试在两个网页之间传递一个变量。第一个是接受数字的简单表单，第二页只显示输入的内容。

表单页面的 HTML：

<!doctype html>
<html>
<body>
    <form action ="{{ url_for('return_form', glon="glon") }}" method="post">
            Galactic Longitude: <input type="text" name="glon">
        <button type="submit">Submit</button>
    </form>
</body>
</html>

显示页面的 HTML：

<!doctype html>
<body>

<p> {{ glon }} </p>

</body>
</html>

Flask 脚本目前如下所示：

from flask import Flask
from flask import render_template, url_for, request, redirect
app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/form/', methods = ['GET', 'POST'])
def form():
    if request.method == 'POST':
        glon = request.form['glon']
        #glat = request.form['glat']

        return redirect(url_for('return_form', glon=glon))

    return render_template('form.html')

@app.route('/return_form/<glon>', methods = ['GET', 'POST'])
def return_form(glon):
    return render_template('return_form.html', glon=glon)

if __name__ == '__main__':
    app.run()

目前，第二页只显示“glon”而不是传递给表单的数字。

我只是想让变量显示在第二页上，并最终在 return_form 函数中使用它。

【问题讨论】：

使用 HTTP 方法 GET 或 POST

标签： python html flask

【解决方案1】：

所以我没有得到你的方法。下面是我所做的，我稍微更改了代码。希望这能解决您的问题。

main.py

from flask import Flask
from flask import render_template, url_for, request, redirect
app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/form', methods = ['GET', 'POST'])
def form():
    if request.method == 'POST':
        glon = request.form['glon']
        return render_template('display.html', glon=glon)

# @app.route('/return_form/<glon>', methods = ['GET', 'POST'])
# def return_form(glon):
#     return render_template('return_form.html', glon=glon)

if __name__ == '__main__':
    app.run()

index.html

<html>
<body>
    <form action ="{{ url_for('form') }}" method="post">
            Galactic Longitude: <input type="text" name="glon">
        <button type="submit">Submit</button>
    </form>
</body>
</html>

display.html

<!doctype html>
<body>

<p> {{ glon }} </p>

</body>
</html>

【讨论】：

试过这个方法也不能正常工作，我不确定这个例子中form.html模板是如何呈现的。