2

我只是在学习 Flask。我正在尝试通过对烧瓶的 jQuery 调用来获取 JSON 对象。我的html看起来像这样，

<html>
  <head>
    <title>Passenger</title>
    <style type="text/css"></style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  </head>
  <body>
    <div>
      <form onsubmit="return false">
        <input class="name" type="text" placeholder="Name">
        <input class="submit" type="submit" placeholder="Go">
      </form>
    </div>
    <script>
    $("input.submit").click(function(e){
        $.post( "/save", {name: $("input.name").val(), time: "2pm"});
    });
    </script>
 </body>
</html>

Flask 应用程序文件看起来像，

from flask import Flask
from flask import redirect, url_for, jsonify
from flask import request
import json
app = Flask(__name__)

@app.route('/')
def home():
  return redirect(url_for('static',filename='index.html'))

@app.route('/save', methods=['PUT','POST'])
def get_name():
  print request.json
  return request.json

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

运行此代码返回无。我期待取回 JSON 对象 [{name: $("input.name").val(), time: "2pm"}]。谢谢。

4

1 回答 1

7

问题是jquery post没有使用json的数据类型。您可以通过打印出请求 content_type 来查看：

print request.content_type
application/x-www-form-urlencoded; charset=UTF-8

将 Javascript 更改为发布 json，并且 request.json 应该按照您的预期填充 json。

var data = JSON.stringify({name: $("input.name").val(), time: "2pm"});
$.ajax("/save", {
    data: data,
    contentType : "application/json",
    type : "POST"
});

请注意，更改 JS 代码后，request.content_type 将为 application/json

于 2013-10-19T03:48:24.173 回答