如何使用Flask让HTML表单提交(和Python函数返回)什么也不做

Question

我在一个HTML页面上的web应用程序表单中使用Flask，但在提交之前分散在几个“页面”上。

第一个按钮“添加动物”将运行我的python脚本中的run_ME函数，然后继续进入下一个页面，让用户输入动物的名称。我的问题是，对于Flask，我必须在我的python函数中返回一些东西(我不能返回None或完全省略返回)，但我不希望单击“添加动物”来导致表单以任何方式响应，只需在Python中运行函数并以HTML显示下一页即可。

在previous posts中，我在onClick事件中将return false添加到我的HTML脚本中。然而，这并没有帮助，我的python脚本中的return 'False' (因为我必须返回一些东西)覆盖了我，并给出了一个带有'False.‘’的空白页面。

HTML文件中的相关代码：

<div class="section-25">
  <div class="container-5 w-container">
    <div class="text-block-6">Select the level of algorithm you&#x27;re looking to make</div>
    <div class="w-form">
      <form id="wf-form-Email-Form" name="wf-form-Email-Form" data-name="Email Form" method="post" action="">

        <!-- PAGE 1 -->
        <div id="page1" class="page" style="visibility:visible;">

          <!-- ALGORITHM NAME -->

          <label for="Algorithm-Name-3" class="custom-question algorithm-name">What will you name your algorithm?<br></label><input type="text" class="text-field enter-name w-input" maxlength="256" name="Algorithm-Name" data-name="Algorithm Name"
            placeholder="Be as creative as you like!" id="Algorithm-Name">

          <!-- ALGORITHM DESCRIPTION -->

          <label for="Algorithm-Desc-3" class="custom-question algorithm-desc">Briefly describe what your algorithm does?<br></label><input type="text" class="text-field enter-name w-input" maxlength="256" name="Algorithm-Description"
            data-name="Algorithm Description" placeholder="You can still be creative!" id="Algorithm-Desc">
          <p><input type="submit" class="submit-button-2 w-button" id="C1" value="Add Animal" onClick="showLayer('page2'), runFunction(); return false;"></p>
        </div>

        <script>
          mybutton = document.getElementById("C1");

          function runFunction() {
            form.action = "/meta2sql";
            form.submit();
          }
        </script>

        <!-- PAGE 2 (1st ANIMAL) -->

        <div id="page2" class="page">

          <p style="font-family: Poppins,sans-serif; color: #fff;">1st Animal</p>

          <!-- 1ST ANIMAL NAME -->

          <label for="Enter-species" class="custom-question enter-species" id="one_name">What animal are you looking for?</label>
          <input type="text" class="text-field w-input" maxlength="256" name="species1" placeholder="Enter name of animal" id="Enter-species" required="">

          <br><br>

          <p><input type="button" class="submit-button-2 w-button" id="B1" value="Go Back" onClick="showLayer('page1')">
      </form>
    </div>
  </div>
</div>

<!-- JAVASCRIPT -->
<script language="JavaScript">
  var currentLayer = 'page1';

  function showLayer(lyr) {
    hideLayer(currentLayer);
    document.getElementById(lyr)
      .style.visibility = 'visible';
    currentLayer = lyr;
  }

  function hideLayer(lyr) {
    document.getElementById(lyr).
    style.visibility = 'hidden';
  }

  function showValues(form) {
    var values = '';
    var len = form.length - 1;
    //Leave off Submit Button
    for (i = 0; i < len; i++) {
      if (form[i].id.indexOf("C") != -1 ||
        form[i].id.indexOf("B") != -1)
        //Skip Continue and Back Buttons
        continue;
      values += form[i].id;
      values += ': ';
      values += form[i].value;
      values += '\n';
    }
    alert(values);
  }
</script>

Python文件中的相关代码：

from flask import Flask, request, render_template, url_for, redirect    

app = Flask(__name__)

@app.route('/run_ME', methods=['GET', 'POST'])
def run_ME():
  # some functions
    return 'False'

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

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

任何建议都将不胜感激

Answer 1

您不应该返回string "False"，而应该返回布尔值。实际上，如果你想“正确地”做这件事，你应该返回server response 204。

当然，你可以用return Response(status=204)来做这件事，你必须先从flask导入那个类。