如何添加一个提交函数,将jquery自动完成表单的内容提供给flask路由?

2024-09-30 14:34:13 发布

您现在位置:Python中文网/ 问答频道 /正文

我正在使用我在GitHub上找到的一些代码将一个简单的自动完成合并到我的测试网站。我让自动完成工作,但是,如何让它将表单中包含的内容提交到我的一条路径上,我感到困惑。最理想的情况是,我想添加一个submit按钮,在自动完成之后获取表单的内容,并将“/destination\u route/form Content”提交到目标路由。任何帮助都将不胜感激

烧瓶代码:

python_list = df['column'].to_list()

@app.route("/", methods=['GET', 'POST'])
def index():
    form = SearchForm(request.form)
    return render_template('index.html', title2=title2, url=url, form=form)

@app.route("/destination_route/<input_from_form>")
def doStuff(input_from_form):

    # stuff to do in destination route

class SearchForm(Form):
    autocomp = TextField('Enter Text Here', id='flask_autocomplete')

@app.route('/_autocomplete', methods=['GET'])

def autocomplete():
    return Response(json.dumps(python_list), mimetype='application/json')

Html代码:

<div>
{{ form.autocomp.label }}: {{ form.autocomp }}

<script>
    $(function() {
        $.ajax({
            url: '{{ url_for("autocomplete") }}'
            }).done(function (data){
                $('#flask_autocomplete').autocomplete({
                    source: data,
                    minLength: 2
                });
            });
        });
</script>
</div>

Tags: to代码formappurl表单内容get