javascript - フォーム経由で Flask にデータを投稿すると、400 Bad Request が返される

Question

フロントエンド経由でデータを投稿しようとしていますが、flask アプリが 400 の不正なリクエストをスローしています。ただし、Curl 呼び出しを使用して同じことを行っている場合は、正常に動作するようです。フォームに何が欠けているのかわかりません。

以下は私のフォームコードです

<script>
function sub() {
    console.log('sub function');
    $("#form1").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リクエストに対するレスポンスを取得しているので

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