一个 HTML 页面上的两个 POST 请求答案

【问题标题】：Two POST requests on one HTML page一个 HTML 页面上的两个 POST 请求
【发布时间】：2021-12-04 00:56:04
【问题描述】：

我有一个网页应该允许用户通过输入项目名称来搜索数据库，或收集特定类别的所有项目。

我想象这涉及两个 POST 请求，虽然我有搜索项目名称的功能，但我不知道如何在同一个 html 页面中创建第二个 POST 请求以进行搜索类别功能。任何帮助将不胜感激。

这是我用于搜索的 python 函数。不过，我还没有为“按类别搜索项目”POST 请求添加任何代码。

@app.route("/search/", methods = ["GET", "POST"])
def search():
    if request.method == "POST":
        searchQuery = request.form
        query = searchQuery['query']
        results = SqlFunctions.searchName(mycursor, query)
        return render_template("search.html", results = results)

        # pseudo code for what the other POST request might look like
        # if request.method == 'POST':
        #     searchQuery = request.form
        #     query = searchQuery['query']
        #     results = SqlFunctions.searchCategory(mycursor, query)
        #     return render_template("search.html", results = results)

    return render_template("search.html", results = None)

这是我的搜索页面 HTML

{% extends "master.html"%}
{% block main %}
<form class="form" action="" method="POST">
  <div>
      <div class="banner">
        <h1>Find Your Expenses Easily</h1>
      </div>
      <br />
      <div class="row">
        <div class="column">
            <div class="item">
              <label for="fname">Search by item name<span>*</span></label>
                <input id="fname" type="text" name="query"/>
            </div>
            <span id="result"></span>
            <form>
              <button type="submit" id="calc" value="sName">Submit</button>
            </form>
        </div>
        <div class="column">
            <div class="item">
              <label for="fname">Search by item category<span>*</span></label>
              <br />
              <select name="query">
                <option selected value="" disabled selected></option>
                <option value="1" {% if category is defined and category =='Groceries' %} selected="selected" {%endif%}>Groceries</option>
                <option value="2" {% if category is defined and category =='Transportation' %} selected="selected" {%endif%}>Transportation</option>
                <option value="3" {% if category is defined and category =='Entertainment' %} selected="selected" {%endif%}>Entertainment</option>
                <option value="4" {% if category is defined and category =='Rent' %} selected="selected" {%endif%}>Rent</option>
                <option value="5" {% if category is defined and category =='Utilities' %} selected="selected" {%endif%}>Utilities</option>
                <option value="6" {% if category is defined and category =='Gifts' %} selected="selected" {%endif%}>Gifts</option>
                <option value="7" {% if category is defined and category =='Personal' %} selected="selected" {%endif%}>Personal</option>
                <option value="8" {% if category is defined and category =='Other' %} selected="selected" {%endif%}>Other</option>
              </select>
            </div>
            <span id="result"></span>
            <form>
              <button type="submit" id="calc" value="sCategory">Submit</button>
            </form>
        </div>
      </div>
  </div>
  {% if results is not none %}
  <div>
    {% include "table.html" %}
    {% endif %}
  </div>
</form>

{% endblock %}

【问题讨论】：

标签： python html flask

【解决方案1】：

我通常使用两种形式，而不是这样做：

if request.method == "POST":

我做这样的事情（顺便说一下我使用 WTForms）：

if form1.validate_on_submit():
    # process the first form data
if form2.validate_on_submit():
    # process the second form data

【讨论】：