python - 为什么 Flask 重定向到 "GET/? HTTP/1.1"

Question

我正在编写一个简单的 Flask 应用程序，其中我想将一些数据从前端发送到 Flask 应用程序，让它执行一些操作，并将新数据返回到前端进行显示。我以前做过类似的应用程序，通过返回 POST 响应对象，而不是 render_template()，我可以简单地返回数据并在前端用它做我想做的事情。但是，这次我遇到了问题。

我从前端的 Jquery 发出 POST 请求。一切似乎都工作正常，我可以看到浏览器控制台中返回的数据，除了页面在显示新数据之前重新加载。它会重新加载到 http://xxx.x.x.x:5000/?。

我可以在 Flask 控制台中看到 /? 的 get 请求。我想知道它为什么这样做，以及如何让它停止。

(我发现这很难研究，因为大多数搜索引擎会默默地忽略查询中的任何问号。)

flask 应用程序:

import json
from flask import Flask, Response, render_template, request
from src.simple_lookup import analogy_lookup

app = Flask(__name__)
app.config['DEBUG'] = True

@app.route('/')
def hello_world():
    return render_template('index.html', results=['a', 'b'])

@app.route('/get_words_simple', methods=['POST'])
def get_words_simple():
    print('request.form:', request.form.keys)
    data = analogy_lookup(request.form['keyword'], request.form['base'], request.form['goal'])
    resp = Response(json.dumps(data), status=200, mimetype='application/json')
    print('data:', data)
    print('resp:', resp)
    return resp

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

Jquery:

  $.post('get_words_simple?', data, function(json, status) {
    console.log('response:', json);
    if (json.hasOwnProperty('error')) {
      $('.results').append('<p>' + json.error);
      return;
    }

    var words = json.words;
    $.each(words, function(i, text) {
      var p = $("<p>");
      p.append(text);
      $('.results').append(p);
    });
  });

flask 控制台:

127.0.0.1 - - [27/Dec/2018 11:12:21] "GET / HTTP/1.1" 200 -
127.0.0.1 - - [27/Dec/2018 11:12:21] "GET /static/js/main.js HTTP/1.1" 200 -
request.form: <bound method MultiDict.keys of ImmutableMultiDict([('keyword', ''), ('base', ''), ('goal', '')])>
127.0.0.1 - - [27/Dec/2018 11:12:23] "GET /? HTTP/1.1" 200 -
127.0.0.1 - - [27/Dec/2018 11:12:23] "GET /static/js/main.js HTTP/1.1" 200 -
data: ['obtuvo', 'takata', 'stadshypotek', 'kriwet', 'shafiee', 'martorell', 'collum', '29,400', 'muteesa', 'patzek']
resp: <Response 111 bytes [200 OK]>
127.0.0.1 - - [27/Dec/2018 11:12:23] "POST /get_words_simple? HTTP/1.1" 200 -

Answer 1

问题是 Bootstrap 会覆盖表单组中的 type="submit" 按钮功能。所以我的 Jquery 做的一切都是正确的，但是按钮的 html 的一些东西把一切搞砸了，并试图以不同的方式发出发布请求