Parse JSON from django with jquery

Question

I'm trying to send data results from django to javascript in JSON through an AJAX call. In django I have the below variable

results = {key1:[1,2,3],
           key2:[[name1,lat1,lng1],[name2,lat2,lng2],[name3,lat3,lng3]]}

I can then successfully return a json dump of results I have verified that the data being captured by my javascript ajaxSuccess function is exactly results

I would like the output to be as follows:

var1 = [1,2,3]
var2 = [name1, lat1, lng1]
var3 = [name2, lat2, lng2]
var4 = [name3, lat3, lng3]

What is the best way to parse the results in javascript and should I reformat it some other way in django first?

Almost, but my JSON is a little more complex, and I'm not sure how to handle it — bcoop713
– bcoop713, Commented Aug 7, 2013 at 2:51

Community · Accepted Answer · 2017-05-23 12:11:36Z

1

Based on your update in your question, here is a jsfiddle with the exact output you are looking for.

http://jsfiddle.net/jhanifen/7RfNs/

And a jsfiddle with a loop using jquery

http://jsfiddle.net/jhanifen/7RfNs/1/

Depending on how you want to parse and use the results, try using jquery each as karthikr stated in the comment

http://api.jquery.com/jQuery.each/

As stated in the jquery docs

jQuery.each(obj, function(i, val) {
  $("#" + i).append(document.createTextNode(" - " + val));
});

Also you can use json.dumps in django, which makes it very easy to output json, see this post

Creating a JSON response using Django and Python

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

edited May 23, 2017 at 12:11

CommunityBot

11 silver badge

answered Aug 7, 2013 at 2:52

jhanifen

4,5978 gold badges46 silver badges69 bronze badges

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

5 Comments

bcoop713 Over a year ago

That is how I'm getting the results to the .js already. Sorry if that wasn't clear. Does that effect the jquery?

jhanifen Over a year ago

Can you give an example of how you would like the output. I think if we had a better idea of what you are trying to accomplish on the client side we could answer your post more specifically

jhanifen Over a year ago

bcoop713, added a jsfiddle with the exact output your looking for.

bcoop713 Over a year ago

Thanks so much. I had been trying to use JSON.parse but that was breaking everything for some reason. Much appreciated.

George Stocker Over a year ago

It's preferable for you to put the relevant portions of the JSFiddle into the answer and keep the JSFiddle as supplementary. That way the next person that visits this question does not have to worry about whether or not JSFiddle is up.

Ashis Kumar · Accepted Answer · 2013-08-07 02:55:51Z

1

You can use JSON.parse(results) and or eval(results) in javascript to parse the result.

answered Aug 7, 2013 at 2:55

Ashis Kumar

6,5542 gold badges23 silver badges36 bronze badges

Comments

dan-klasson · Accepted Answer · 2013-08-07 03:19:52Z

1

Just use ajax():

$.ajax({ 
    type: 'GET', 
    url: 'http://example/foo/', 
    dataType: 'json',
    success: function (data) { 
        console.log(data); // do anything you want with your parsed data
    }
});

answered Aug 7, 2013 at 3:19

dan-klasson

14.3k14 gold badges67 silver badges106 bronze badges

Collectives™ on Stack Overflow

Parse JSON from django with jquery

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related