Question

我试图通过我的前端发布数据，烧瓶应用程序正在抛出400个错误的请求。但是如果我使用Curl调用它也一样，它似乎工作正常。我不知道我在表格中缺少什么。

以下是我的表单代码

<script>
function sub() {
    console.log('sub function');
    $("#fquery").submit();
}
</script>
<form id="form1" action="/final" method="post">
 <input id='query' type="text">
  <button type="submit" onClick='sub()'>Submit &raquo;</button>
</form>

在服务器端：

@app.route('/final',methods=['POST','GET'])
def message():
    if request.method == 'POST':
        app.logger.debug(" entered message function"+ request.form['query'])
        q = request.form['query']
    return render_template('final.html',query=q,result="Core_Table Output")

服务器端对我来说似乎很好。因为我收到卷曲请求的回复

curl http://localhost:8000/final -d "query=select starct st blah blah" -X POST -v
*   Trying 127.0.0.1... connected
> POST /gc HTTP/1.1
> User-Agent: curl/7.22.0 (i686-pc-linux-gnu) libcurl/7.22.0 OpenSSL/1.0.1 zlib/1.2.3.4 libidn/1.23 librtmp/2.3
> Host: localhost:8000
> Accept: */*
> Content-Length: 41
> Content-Type: application/x-www-form-urlencoded
> 
* upload completely sent off: 41out of 41 bytes
* HTTP 1.0, assume close after body
< HTTP/1.0 200 OK
< Content-Type: text/html; charset=utf-8
< Content-Length: 1961
< Server: Werkzeug/0.9.4 Python/2.7.3
< Date: Thu, 24 Oct 2013 23:33:12 GMT

Answer 1

啊，我想我明白了：你只为id元素设置name而不是input。然而，name用于发送到服务器的表单数据。这导致KeyError request.form['query']导致400错误。

Answer 2

除了@Robin Krahl所说的，你还应该在表单中添加enctype="multipart/form-data"。所以代码可能是这样的：

<form id="form1" action="/final" method="post" enctype="multipart/form-data">
   <input id='query' type="text">
   <button type="submit" onClick='sub()'>Submit &raquo;</button>
</form>"

通过表格在Flask上发布数据给出400 Bad Request

2 个答案: