Converting Array with Objects to JSONstring

Question

I return an array with my ajaxCall that looks like this: http://d.pr/i/ojR4

Inside the objects is Json (example: http://d.pr/i/aAM2) When i push this to my .hbs file (backbone) it's not possible to loop trough it, because it's an array, and it only accepts plain JSON.

Is there any way to convert this entirely to JSON?

My renderfunction in my view below:

render: function(){
    var self = this;
    var tripData;
    console.log("[TripListView] render");
    $.ajax({
        url: Util.api + "/getalltrips",
        type:"GET",
        success: function(data){
            console.log(data); // This is the output given
            tripData = data;

        }, error:function(){
            console.log(arguments);
        }
    });
    $('#container').html(this.template({trips: data}));
    return this;
}

I have an array with objects in it. In the objects is JSON. I need to remove the array and make that JSON. Kinda hard to understand i know, ain't easy to explain ether. What i have now is array(object,object,object,object) and i need object(object,object,object) — Warre Buysse
– Warre Buysse, Commented May 23, 2013 at 0:39
Your actual problem is that the callback didn't run yet. AJAX is asynchronous. — SLaks
– SLaks, Commented May 23, 2013 at 0:41

PSL · Accepted Answer · 2013-05-23 00:43:52Z

1

If you can't send an array wrap it in an object and use it. But cause could be because of accesing data out side of AJAX call.

$('#container').html(this.template({trips: data}));<-- here data would be undefined

Try this:-

 var self = this
 success: function(data){
            console.log(data); // This is the output given
            tripData = {tripsResponse:data};// You probably don't need this since your actual issue might be accessing `data`  below the ajax call.
            $('#container').html(self.template({trips: tripData })); // I have moved this here since placing this after ajax call doesn't make sense, as it would have got executed before your callback.
        }
       //....

edited May 23, 2013 at 0:43

answered May 23, 2013 at 0:38

PSL

124k21 gold badges257 silver badges243 bronze badges

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

2 Comments

Warre Buysse Over a year ago

Superb. Worked like a charm. Thank you very much! (and i had to put the $('#container).. in my successfunction indeed. Pretty stupid I didn't saw that. You fixed two of my problems when I was only asking about one. Thx a lot!

Warre Buysse Over a year ago

Yep, i know. I had to wait 5 more minutes and forgot about it then. ;) Done btw.

Matthew · Accepted Answer · 2013-05-23 00:42:30Z

0

I'm not exactly sure what you're problem is but I'll take a guess. If you create a Dictionary<object, object> and set your key to some string like 'data' and the value to be your array, when you serialize it, you'll get a JSON object. Here's a short example:

var theList = new List<string>();
var theDict = new Dictionary<string, object>();
theDict.Add("data", theList);

answered May 23, 2013 at 0:42

Matthew

2634 silver badges10 bronze badges

Collectives™ on Stack Overflow

Converting Array with Objects to JSONstring

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related