request.form() 导致 400 Bad Request：浏览器（或代理）发送了此服务器无法理解的请求

Question

我有一个可排序的列表作为连接到 sqlite 的 web 应用程序。 我想使用下拉菜单将新条目添加到列表中。 我未能使列表条目成为提交新值的表单。

app.py：

import sqlite3, logging
from flask import Flask, render_template, request, url_for, flash, redirect, jsonify
from werkzeug.exceptions import abort


app = Flask(__name__, static_url_path='/static')
app.config['SECRET_KEY'] = 'NotForYou'

def get_db_connection():
    conn = sqlite3.connect('/root/ilms/ilmh.db')
    conn.row_factory = sqlite3.Row
    return conn

@app.route('/potm',methods=["POST","GET"])
def potm():
    conn = get_db_connection()
    if request.method == 'POST':
        Name = request.args['newPOTM']
        maxID = conn.execute('SELECT MAX(id) FROM POTM')
        newID = maxID + 1
        print(newID)
        maxOrder = conn.execute('SELECT MAX(listorder) FROM POTM')
        newOrder = maxOrder + 1
        print(newOrder)
        conn.execute('INSERT INTO POTM (id, player, listorder) VALUES (?, ?, ?)',
                     (newID, Name, newOrder))
        conn.commit()
        conn.close()
        return redirect(url_for('potm'))
    dragdrop = conn.execute("SELECT * FROM POTM ORDER BY listorder ASC")
    dropdown = conn.execute('SELECT Name FROM alltime ORDER BY Name ASC').fetchall()
    return render_template('potm.html', dragdrop=dragdrop, dropdown=dropdown)

HTML：

<div class="container">
    <div class="row justify-content-md-center">
        <div class="dropdown">
            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Add Player
            </button>
            <div class="dropdown-menu pre-scrollable" aria-labelledby="dropdownMenu2">
                <form method="POST">
                            {% for item in dropdown %}
                            <input type="text" class="dropdown-item" name="newPOTM" value="{{ item['Name'] }}" onclick=this.form.submit()>
                            </input>
                        {% endfor %}
                </form>
            </div>
        </div>
    </div>
</div>

显示下拉列表和列表，但是当我单击列表对象时，它会导致

werkzeug.exceptions.BadRequestKeyError: 400 Bad Request: 浏览器（或代理）发送了此服务器无法理解的请求。 KeyError: 'newPOTM'

Answer 1

得到它的工作：我错过了定义表单动作。使用 request.form() 我通过了问题。