Working with POSTed json objects in Django

Question

I am trying to figure out how to deal with POSTed json objects in Django. I'm POSTing a json object to the server and want to use it like a python dictionary.

here is my js:

$.post(
        "/projects/vote/", 
        obj,
        function(data) {
            //alert("Data Loaded: " + data);
            alert(data["msg"]);
});

What I am returning (end of django view):

return HttpResponse(json.dumps(foo), mimetype="application/json")

where

foo = {"msg": str(postdata)}

In other words, I'm POSTing a json object to the server, and alerting the string of the python object I get on the server so I can see what's going on.

If my obj is:

var obj = {
    'bulk': false,
    'data': {
          'chosen': '14',
          'proj1': '15',
          'proj2': '14',
          'proj3': '16',
          'more': false,


        },
    'data2': [
           {
               'a': 'apple'
           },
           {
               'b': 'banana'
           },
        ],      
  }

I get this in return:

<QueryDict: {u'data[proj3]': [u'16'], u'data[proj2]': [u'14'], u'data[chosen]': [u'14'], u'data[proj1]': [u'15'], u'bulk': [u'false'], u'data2[0][a]': [u'apple'], u'data[more]': [u'false'], u'data2[1][b]': [u'banana']}>

How come the structure of the json obj and python dict don't align? And how do I get the structure to be the same? e.g. instead of data2[0][a], I would get data2 as the key to another dictionary

How I'm getting postdata:

# django version 1.4
postdata = request.POST.copy()

rudyryk · Accepted Answer · 2012-12-02 14:29:28Z

2

You may post json as plain string using JSON.stringify like this:

    $.post(
            "/projects/vote/", 
            {msg: JSON.stringify(obj)},
            function(data) {
                //alert("Data Loaded: " + data);
                alert(data);
    });

Thus on server side you should just extract 'msg' from request.POST:

    def view(request):
          return HttpResponse(request.POST['msg'], mimetype="application/json")

Note, that JSON.stringify is not supported by default in some browsers and you may want to use json lib: https://github.com/douglascrockford/JSON-js

edited Dec 2, 2012 at 14:29

answered Dec 2, 2012 at 14:22

rudyryk

3,8052 gold badges28 silver badges33 bronze badges

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

Comments

Daniel Roseman · Accepted Answer · 2012-12-02 11:16:45Z

1

You don't show how you're getting postdata from the POST, but you should be using request.body (request.raw_post_data in versions before 1.4).

answered Dec 2, 2012 at 11:16

Daniel Roseman

602k68 gold badges910 silver badges923 bronze badges

Comments

Martijn Pieters · Accepted Answer · 2012-12-02 09:31:06Z

0

You did not post JSON data. Set the dataType parameter to json:

$.post(
        "/projects/vote/", 
        obj,
        function(data) {
            //alert("Data Loaded: " + data);
            alert(data["msg"]);
        },
        'json'
);

answered Dec 2, 2012 at 9:31

Martijn Pieters

1.1m326 gold badges4.2k silver badges3.4k bronze badges

Comments

Yaguang · Accepted Answer · 2012-12-03 07:26:34Z

0

The server can simply return a string, and the js can be written like this:

$.post(
    "/projects/vote/", 
    obj,
    function(data) {
        data=eval('(' + data+ ')');//get the json object from string.
        //alert("Data Loaded: " + data);
        alert(data["msg"]);
});

Hope this helpful.

answered Dec 3, 2012 at 7:26

Yaguang

7126 silver badges7 bronze badges

Collectives™ on Stack Overflow

Working with POSTed json objects in Django

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related