How to access a Django object in jQuery

Question

I have a Ajax function which gets the Django object from a view.

I want to access all the attributes of the object in jQuery but I am not able to do so.

$.ajax(
{
    url: domain+'/game/android/',                                               
    type:"POST",
    success:function(response){
        response = jQuery.parseJSON(response);                          
        localStorage['userCard'] = response.user_cards_held;
        localStorage['compCard'] = response.comp_cards_held;
        localStorage['game'] = response.game;                               
        alert(response.user_cards_held);// **this shows all the fields. **
        alert(response.user_cards_held.fields);//This does not work. Gives the value as undefined
        window.location = 'file:///android_asset/www/game.html';                        
    },
    error:function(xhr, status, error){
        var err = eval("(" + xhr.responseText + ")");
        alert(err.Message);     

    },

});

View is like this:

    from django.core import serializers
...
json = serializers.serialize('json', objectlists)
return HttpResponse(json, mimetype="application/json")

Object is like this :

[{ "model" : "object.list", "pk" : 1, "fields" : { "name" : "...", ... } }]

I have checked this question :Question Referenced This does not work. What am I doing wrong?

Edit:

To get the field properly I have made the following changes in the success function -

success:function(response){
        response = jQuery.parseJSON(response);                          
        localStorage['userCard'] =jQuery.parseJSON(response.user_cards_held);
        localStorage['compCard'] = jQuery.parseJSON(response.comp_cards_held);
        localStorage['game'] = jQuery.parseJSON(response.game);                               
        alert(jQuery.parseJSON((response.user_cards_held));// **this shows all the fields. **
        alert(jQuery.parseJSON(response.user_cards_held.fields));//This does not work. Gives the value as undefined
        window.location = 'file:///android_asset/www/game.html';                        
    }

What is in the Django dict object? How does the JSON object for that look? Are you sure .fields is there? — Bibhas Debnath
– Bibhas Debnath, Commented Mar 25, 2014 at 7:39

Bibhas Debnath · Accepted Answer · 2014-03-25 07:47:52Z

2

Your response.user_cards_held is an array object -

>> [{ "model" : "object.list", "pk" : 1, "fields" : { "name" : "...", ... } }]
// ^----- Array

So of course response.user_cards_held.fields would be undefined. Your actual object is at response.user_cards_held[0] So you can access the fields attribute like response.user_cards_held[0].fields.

answered Mar 25, 2014 at 7:47

Bibhas Debnath

15k18 gold badges70 silver badges96 bronze badges

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

2 Comments

Bibhas Debnath Over a year ago

That means response.user_cards_held is a JSON string not a JSON object. You have to parse it as a JSON object first.

Akash Deshpande Over a year ago

thanks a lot it worked fine after I parsed the other variables as well.

Tim Hutchison · Accepted Answer · 2017-06-27 16:07:51Z

0

[{ "model" : "object.list", "pk" : 1, "fields" : { "name" : "José", ... } }]

// convert JSON string to JSON Object:<br>
var data = $.parseJSON(response);<br>
// acess name atribute<br>
**data[0].fields.name**;

edited Jun 27, 2017 at 16:07

Tim Hutchison

3,65312 gold badges47 silver badges79 bronze badges

answered Jun 27, 2017 at 15:42

Juan Carvalho

133 bronze badges

2 Comments

Tim Hutchison Over a year ago

While the code may answer the question, it is always best to include a description of why your solution works and any relevant references.

Juan Carvalho Over a year ago

@TimHutchison I prefer the "shut up and show the code" method and the code that I put is commented out. The reference is my own app, since I did not find any reference when I looked. But I'll try to improve this, thank you.

Collectives™ on Stack Overflow

How to access a Django object in jQuery

2 Answers 2

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related