对 Flask 的字符串 POST 请求答案

【问题标题】：String POST Request to Flask对 Flask 的字符串 POST 请求
【发布时间】：2020-05-09 06:22:45
【问题描述】：

我正在尝试使用Flask 实现一个简单的仪表板，它将：

使用“提交”按钮接受用户文本输入。将此用户输入发布到烧瓶。
Flask 接受此输入，对其执行一些操作，然后向另一个 API 发出 GET 请求。
此 GET 请求返回数据并以某种方式显示（现在只能是 console.log）

以星球大战 API 为例：

用户输入星球大战角色的名称（假设没有拼写错误）
Flask 读取此输入名称，并将其映射到 ID 号，因为 Star Wars API 接受 ID 号。向 Star Wars API 发送 GET 请求，以获取完整的角色信息。
目前，我们只能console.log 字符信息（例如“身高”、“体重”等）

我现在拥有的：

app.py

from flask import Flask, jsonify, request, render_template
import random
import json

app = Flask(__name__)


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


@app.route("/form_example", methods=["GET", "POST"])
def form_example():
    if request.method == "POST":
        language = request.form("character_name")
        starwars_dictionary = {"Luke Skywalker":"1", "C-3PO":"2", "R2-D2": "3"}
        # starwars_dictionary is a dictionary with character_name:character_number key-value pairs.
        # GET URL is of the form https://swapi.co/api/people/<character_number>

    return render_template("index.html")


if __name__ == "__main__":
    app.run(debug=True)

index.html

<!DOCTYPE html>
<html>
<head>
    <title>py-to-JS</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
    <h3>Sample Inputs</h3>
    <ul>
        <li>Luke Skywalker</li>
        <li>C-3PO</li>
        <li>R2-D2</li>
    </ul>

    <form method="POST">
        Enter Name: <input type="text" name="character_name"><br>
        <input type="submit" value="Submit"><br>
    </form>
</body>
</html>

在当前的表单中，当我运行应用程序时，它返回“不允许的方法；请求的 URL 不允许此方法”。

我不确定我错过了什么；它可能只是没有正确连接在一起，但我不确定正确的语法是什么。

实施接受的答案后的工作版本：

app.py

from flask import Flask, jsonify, request, render_template
import requests
import random
import json

app = Flask(__name__)


@app.route("/index", methods=["GET", "POST"])
def index():
    #character_height = "" # init a default value of empty string...seems unwieldy
    if request.method == "POST":
        character_name = request.form.get("character_name")

        # Map user input to a numbers
        starwars_dictionary = {"Luke Skywalker":"1", "C-3PO":"2", "R2-D2": "3"}
        char_id = starwars_dictionary[character_name]

        url = "https://swapi.co/api/people/"+char_id
        response = requests.get(url)
        response_dict = json.loads(response.text)
        character_height = response_dict["height"]

        return render_template("index.html", character_height=character_height)

    return render_template("index.html")

#@app.route("/form_example", methods=["GET", "POST"])
#def form_example():


if __name__ == "__main__":
    app.run(debug=True)

index.html

<!DOCTYPE html>
<html>
<head>
    <title>py-to-JS</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
    <h3>Sample Inputs</h3>
    <ul>
        <li>Luke Skywalker</li>
        <li>C-3PO</li>
        <li>R2-D2</li>
    </ul>

    <form method="POST" action="/index">
        Enter Name: <input type="text" name="character_name"><br>
        <input type="submit" value="Submit"><br>
    </form>

    {{ character_height }}
</body>
</html>

【问题讨论】：

标签： python flask

【解决方案1】：

可能表单正在发布到/ 端点，因为您没有声明表单action。

需要更像：

<form method="POST" action="/form_example">

或者，如果你想变得时髦并使用 Jinja 的 url_for 功能：

<form method="POST" action="{{ url_for('form_example') }}">

编辑：也就是说，你可以用一个路由函数来处理这个问题：

@app.route("/", methods=["GET", "POST"])
def index():
    if request.method == "POST":
        language = request.form("character_name")
        starwars_dictionary = {"Luke Skywalker":"1", "C-3PO":"2", "R2-D2": "3"}

        # Logic to query remote API ges here.

    else: # Assume method is GET
        return render_template("index.html")

然后进行表单操作{{ url_for('index') }}

【讨论】：