Output JSON encoded array through Jquery

Question

I have a single json encoded array set in an ajax call:

 $var = json_encode($_SESSION['pictures']);

I put this json encoded array in a var called "array" When I alert the var array, I receive the following callback:

  ["http://linktoimage1", "http://linktoimage2"]

now I want to output the first value through a jquery call:

 $('#imgswap').attr('src', array[0]);

When I make this jquery call, I receive the value "[". If I change it to array[2], I receive "h". So he's giving me back characters instead of the complete values of the array.

What am I doing wrong?

Musa · Accepted Answer · 2012-08-20 00:14:26Z

3

You need to parse the json in order to make it an array otherwise its just a string

array = $.parseJSON(array);
$('#imgswap').attr('src', array[0]);

Also you can have jQuery.ajax parse it for you if you set the dataType to json

edited Aug 20, 2012 at 0:14

answered Aug 19, 2012 at 23:57

Musa

97.9k17 gold badges123 silver badges144 bronze badges

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

2 Comments

Stefan Over a year ago

is it also possible to parse the array totally, for example var array = JSON.parse($var);, so that I can use only $('#imgswap').attr('src', array[0]); ??

Linuxios Over a year ago

@Musa: Didn't know JQ had a JSON method. I guess jQuery really does do everything...

Linuxios · Accepted Answer · 2012-08-19 23:57:14Z

0

Change your last line to this:

$('#imgswap').attr('src', JSON.parse(array[0]));

You need to parse your JSON. If you don't do that, you have a string, not an array.

answered Aug 19, 2012 at 23:57

Linuxios

35.9k13 gold badges96 silver badges118 bronze badges

2 Comments

Stefan Over a year ago

is it also possible to parse the array totally, for example var array = JSON.parse($var);, so that I can use only $('#imgswap').attr('src', array[0]); ??

Linuxios Over a year ago

@Stefan: Yes. You can definitely do that.

jeff · Accepted Answer · 2012-08-19 23:56:38Z

0

You're receiving your data as a string rather than as actual JSON. Are you using dataType: text in your AJAX call? If so, either omit that line or replace it with dataType: json.

answered Aug 19, 2012 at 23:56

jeff

8,3582 gold badges34 silver badges43 bronze badges

Collectives™ on Stack Overflow

Output JSON encoded array through Jquery

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related