массив из PHP в JQuery через AJAX

Question

У меня есть javascript, который связывается с php-страницей, которая получает некоторые данные из базы данных и сохраняет их в массиве.

Я хочу взять этот массив и выполнить цикл с помощью jquery.

Массив выглядит так:

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 ) 
);

Answer 1

Лучший способ сделать это - json_encode массива и затем передать результат в JavaScript / jQuery:

json_encode PHP function

Вот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);
?>

Это должно дать вам что-то вроде этого:

[{"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"}]

и получить к нему доступ с помощью 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);

Answer 2

Вы всегда можете использовать php для печати этого массива в виде списка js.Или экспортируйте его через JSON.