return a php associative array to javascript array

Question

I am trying to return a php associative array to javascript array through ajaxRequest.responseText

Here's what I do.

First in php, I do this:

$encoded = json_encode($thisarray);
echo $encoded;

If I echo $encoded, I get {"a":"apple,arrow","b":"boy,bank","c":"cat,camp"}

Then in js script,

thisarray = new Array();
thisarray = ajaxRequest.responseText;

If I alert thisarray, I get {"a":"apple,arrow","b":"boy,bank","c":"cat,camp"}

That's wrong since alerting an array should give error. But in this case, when I alert thisarray, I get the full array!!

Needless to say, I can't call my value out of thisarray, since it is yet defined as an array.

Anyone can tell me what am I missing here?

Gumbo · Accepted Answer · 2010-05-07 12:07:18Z

3

You need to parse the JSON string in JavaScript to get an object, preferably with the native JSON object of your browser, if available:

var thisarray = JSON.parse(ajaxRequest.responseText);

Otherwise you can use the JSON parser from JSON.org or jQuery.parseJSON if you’re already using jQuery.

answered May 7, 2010 at 12:07

Gumbo

657k112 gold badges792 silver badges852 bronze badges

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

6 Comments

Eric Sim Over a year ago

Thanks! Em... native JSON object.... that brings another concern. Is JSON.parse cross browser?

Eric Sim Over a year ago

Got the answer here: stackoverflow.com/questions/891299/…

Eric Sim Over a year ago

Looks like it only support the latest versions. Is there other solutions that can be used for low-end browsers?

Andy E Over a year ago

@Eric Sim: The native implementations of JSON.parse are based on the original parser written by Douglas Crockford. If you use his script, json.org/json2.js, it will create the global JSON object and its methods for you if they aren't already available.

Duroth Over a year ago

It's possible (though not recommended) to use javascript's EVAL() to 'convert' a JSON string to an array: var thisarray = eval(ajaxRequest.responseText)

|

Collectives™ on Stack Overflow

return a php associative array to javascript array

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related