convert json response to javascript array

Question

I'm currently getting a json response which is:

[{"id":1,"title":"Test 1 "},{"id":2,"title":"Test 2"}]

and I want to convert it to a javascript array called 'events' like below so I can return it: e.g:

  return {
     events : [
        {
           "id":1,
           "title":"Test 1"
        },
        {
           "id":2,
           "title":"Test 2"
        }
     ]
  };

I'm getting the response from a jquery ajax call:

    jQuery.ajax({
        type: "POST",
        url: "calendar.aspx/get_all_events",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            document.write(msg.d);
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert('Error getting events from database.');
        }
    });

Anyone know how I can convert the msg or msg.d into what is needed?

Thanks,

What is msg.d? You response seems to be already in format you need. — closure
– closure, Commented Dec 15, 2012 at 13:31
you can't use document.write after page has already been loaded — charlietfl
– charlietfl, Commented Dec 15, 2012 at 13:51

Nikita Gavrilov · Accepted Answer · 2012-12-15 14:05:19Z

2

You can use:

return {events: JSON.parse(msg.d)};

or, for better compatibility:

eval("var result = "+msg.d);
return {events: result};

or jQuery solution

return {events: $.parseJSON(msg.d)};

edited Dec 15, 2012 at 14:05

answered Dec 15, 2012 at 13:56

Nikita Gavrilov

5471 gold badge8 silver badges13 bronze badges

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

Comments

Peter Rasmussen · Accepted Answer · 2012-12-15 13:34:03Z

0

if msd.d is

 [{"id":1,"title":"Test 1 "},{"id":2,"title":"Test 2"}]

then you could return it like this:

return {
     events : msg.d
  };

But you would have to do a callback in order to return it. Because ajax is asynchronous. I added the return because that is what you wanted. The alternative would be to make the ajax call synchronous.

answered Dec 15, 2012 at 13:34

Peter Rasmussen

17k8 gold badges50 silver badges64 bronze badges

Comments

closure · Accepted Answer · 2012-12-15 13:41:29Z

0

I think you just need this:

    success: function (msg) {
        // The event object is what you require
        var eventObj = {events:msg.d};
        document.write(eventObj);
    },

edited Dec 15, 2012 at 13:41

answered Dec 15, 2012 at 13:33

closure

7,4521 gold badge25 silver badges23 bronze badges

Comments

oleq · Accepted Answer · 2012-12-15 14:09:01Z

function doXHR( callback ) {
   jQuery.ajax( {
        type: "POST",
        url: "calendar.aspx/get_all_events",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function ( event ) {
            callback && callback( event );
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert('Error getting events from database.');
        }
    });
}

doXHR( function( event ) {
    var data = { events: event.d };
    // Do other stuff with data here (processing, displaying, etc.).
    // You can call other functions here and feed them with data.
} );

Note that XHR requests are asynchronous. You cannot simply return XHR request data. You have to put all your further code into callback function so it can process your array when it's available.

Collectives™ on Stack Overflow

convert json response to javascript array

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