CODEWITHSUNDEEP
pythonjsonpostflask
Robin
Robin

Reputation: 634

How to post data structure like json to flask?

I have a data structure like this:

enter image description here

I'm try to send it to server by $.ajax:

$.ajax({
    type: 'POST',
    data: post_obj, //this is my json data
    dataType: 'json',
    url: '',
    success: function(e){
       console.log(e);
    }
});

and I want get it in server by flask: title = request.form['title'] working fine!

But how do I get content ?

request.form.getlist('content') doesn't work.

This is the post data in firebug:

enter image description here

Thanks a lot :D

Upvotes: 14

Views: 15939

Answers (2)

Audrius Kažukauskas
Audrius Kažukauskas

Reputation: 13533

You are sending your data encoded as query string instead of JSON. Flask is capable of processing JSON encoded data, so it makes more sense to send it like that. Here's what you need to do on the client side:

$.ajax({
    type: 'POST',
    // Provide correct Content-Type, so that Flask will know how to process it.
    contentType: 'application/json',
    // Encode your data as JSON.
    data: JSON.stringify(post_obj),
    // This is the type of data you're expecting back from the server.
    dataType: 'json',
    url: '/some/url',
    success: function (e) {
        console.log(e);
    }
});

On the server side data is accessed via request.json (already decoded):

content = request.json['content']

Upvotes: 17

dirn
dirn

Reputation: 20709

If you inspect the POST being submitted by jQuery, you will most likely see that content is actually being passed as content[]. To access it from the Flask's request object, you would then need to use request.form.getlist('content[]').

If you would prefer to have it passed through as content, you can add traditional: true to your $.ajax() call.

More details about this can be found in the 'data' and 'traditional' sections of http://api.jquery.com/jQuery.ajax/.

Upvotes: 2

Related Questions