array from php to jquery via ajax

Question

I have a javascript that contacts a php page which gets some data from a database and save it in an array.

I want to take that array and loop it out with jquery.

The array looks like this:

Array ( 
  [0] => Array ( [image] => article_list1.png [title] => Everyone involved in OMS in Ghent ) 
  [1] => Array ( [image] => article_list1.png [title] => Everyone involved in OMS in Ghent ) 
  [2] => Array ( [image] => article_list1.png [title] => Everyone involved in OMS in Ghent ) 
  [3] => Array ( [image] => article_list1.png [title] => Everyone involved in OMS in Ghent ) 
  [4] => Array ( [image] => article_list1.png [title] => Everyone involved in OMS in Ghent ) 
  [5] => Array ( [image] => article_list1.png [title] => Everyone involved in OMS in Ghent ) 
);

I'd simply convert the Array to JSON and send the JSON string to the client. I think jQuery can deserialize JSON without an extension. — Wukerplank
– Wukerplank, Commented Mar 8, 2011 at 13:57

KJYe.Name · Accepted Answer · 2011-03-08 14:10:26Z

The best way to do this is to json_encode the array and then echo the result out to the JavaScript/jQuery:

json_encode PHP function

Here is the PHP php demo

<?php
$myarray = Array ( 
  Array ( 'image' => 'article_list1.png', 'title' => 'Everyone involved in OMS in Ghent' ), 
  Array ( 'image' => 'article_list1.png', 'title' => 'Everyone involved in OMS in Ghent' ), 
  Array ( 'image' => 'article_list1.png', 'title' => 'Everyone involved in OMS in Ghent' ), 
  Array ( 'image' => 'article_list1.png', 'title' => 'Everyone involved in OMS in Ghent' ), 
  Array ( 'image' => 'article_list1.png', 'title' => 'Everyone involved in OMS in Ghent' ), 
  Array ( 'image' => 'article_list1.png', 'title' => 'Everyone involved in OMS in Ghent' ) 
);

echo json_encode($myarray);
?>

This should give you something like this:

[{"image":"article_list1.png","title":"Everyone involved in OMS in Ghent"},{"image":"article_list1.png","title":"Everyone involved in OMS in Ghent"},{"image":"article_list1.png","title":"Everyone involved in OMS in Ghent"},{"image":"article_list1.png","title":"Everyone involved in OMS in Ghent"},{"image":"article_list1.png","title":"Everyone involved in OMS in Ghent"},{"image":"article_list1.png","title":"Everyone involved in OMS in Ghent"}]

and to access it using jQuery jsfiddle demo:

var myJson = '[{"image":"article_list1.png","title":"Everyone involved in OMS in Ghent"},{"image":"article_list1.png","title":"Everyone involved in OMS in Ghent"},{"image":"article_list1.png","title":"Everyone involved in OMS in Ghent"},{"image":"article_list1.png","title":"Everyone involved in OMS in Ghent"},{"image":"article_list1.png","title":"Everyone involved in OMS in Ghent"},{"image":"article_list1.png","title":"Everyone involved in OMS in Ghent"}]';
myJson = JSON.parse(myJson);
for(var i=0; i<myJson.length; i++)
    console.log(myJson[i].image+ ' ' + myJson[i].title);

tkone · Accepted Answer · 2011-03-08 13:56:51Z

0

You could always use php To print that array as a js list. Or export it via json.

answered Mar 8, 2011 at 13:56

tkone

22.8k5 gold badges57 silver badges78 bronze badges

Collectives™ on Stack Overflow

array from php to jquery via ajax

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related