Getting JSON data in Flask function

Question

I am just learning Flask. I am trying to get a JSON object through a jQuery call into flask. My html look like this,

<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>

The Flask app file looks like,

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)

Running this code returns None. I am expecting to get back the JSON object [{name: $("input.name").val(), time: "2pm"}]. Thanks.

Nathan Jhaveri · Accepted Answer · 2013-10-19 03:48:24Z

7

The problem is that the jquery post is not using the data type of json. You can see that by printing out the request content_type:

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

Change the Javascript to post json, and request.json should be populated with json as you expect.

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

Notice that after changing the JS code, request.content_type will be application/json

answered Oct 19, 2013 at 3:48

Nathan Jhaveri

1,8741 gold badge15 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nitin Over a year ago

Thanks! got it. Is it possible to convert the data I get back into json. How would the function change in that case?

Collectives™ on Stack Overflow

Getting JSON data in Flask function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related