Comment passer un tableau à l'aide de PHP & Ajax ou Javascript?

Excuses si cette explication n'est pas claire, il est difficile pour moi de comprendre. Comment puis-je utiliser le PHP & Ajax pour envoyer un array Javascript? J'utilise Ajax pour obtenir un tableau de photos, qui je suis alors à la recherche d'ajouter à un vide <div> sur ma page.

Le jQuery, se présente comme suit:

$.ajax({
    url: "<?php echo site_url('demo/getPhotos/'); ?>",
    type: 'POST',
    data: form_data,
    success: function(data) {
        alert(data);
   }

Et la fonction PHP getPhotos ressemble à ceci:

<?php

$photos = array();

foreach ($data as $photo) {
    array_push($photos,$photo['source']);
    }

//echo json_encode($photos); How should I be returning $photos?

Si je echo $photos; les données sont envoyées à la réussite de rappel, mais il ne semble pas être dans un format utilisable.

Si je fais un var_dump($photos) en PHP, le résultat ressemble à quelque chose comme:

array(4) {
  [0]=>
  string(14) "some_image.jpg"
  [1]=>
  string(14) "some_image.jpg"
  [2]=>
  string(14) "some_image.jpg"
  [3]=>
  string(14) "some_image.jpg"
}

J'ai essayé différentes combinaisons de json_encode et, mais, vraiment, que je devine, et pas sûr de la théorie derrière tout cela. Quelle est la meilleure façon de passer des données à partir de PHP Javascript dans ce contexte?

OriginalL'auteur Joe W | 2011-08-31

  1. 21

    Essayer:

    $.ajax({
    url: "<?php echo site_url('demo/getPhotos/'); ?>",
    type: 'POST',
    data: form_data,
    dataType:"json",
    success: function(data) {
        alert(data[0]);
   }

    Sur le PHP côté, vous serez vouloir imprimer:

    print json_encode($photos);

    Une autre chose que vous pouvez essayer afin de mieux encapsuler le code, et comme un exemple de plus de JSON gooodness, serait:

    print json_encode(array("photolist"=>$photos,"photo_owner"=>"Me!"));

    Puis sur le serveur, vous devez accéder à ces avec:

    data.photolist[0]; //First photo
data.photo_owner;  //The owner of the photo set
    Parfait, merci. Pourriez-vous élaborer sur l'avantage de mieux encapsulant le code?
    Bien Sûr, @Joe. Si vous voulez juste pour retourner une liste de photos, ce que vous avez est très bien. Mais, si plus tard vous décidez que vous voulez revenir plus d'informations sur chaque photo, puis le tableau associatif est utile, car elle conduit à une belle façon d'accéder aux données en JS. Une autre manière de faire pourrait être de faire de chaque photo un tableau associatif et retourne un tableau de tableaux associatifs, ala: array(array("name"=>"Photo1","file"=>"img1.jpg"), array("name"=>"Weekend at the Beach","file"=>"imgs/beachphoto.jpg")).
    L'avantage de faire le ci-dessus est par rapport à ce que vous essayez d'atteindre avec votre code. Si vous vous retrouver à faire des choses compliquées, plus tard, pour récupérer vos données, n'oubliez pas nous avons eu cette conversation, et peut-être que cela vous aidera 🙂 N'est que de clarifier les choses?

    OriginalL'auteur Richard

  2. 9

    J'ai fait un tableau $result en PHP et à la fin de la demande.

     echo json_encode($result);

    et en JS $.post fonction de gestionnaire : 

    var obj = $.parseJSON(data);
var v = data.k;

    où k est la clé de la valeur dans un tableau associatif.

    Il n'y a pas de tableaux associatifs en Javascript, seuls les objets.
    Vous pouvez aussi vérifier si la valeur que vous obtenez de retour à l'appel AJAX n'est pas NULL
    Marelo, je voulais clés du tableau associatif, fait dans le fichier PHP 🙂
    Sauvé mon bacon avec qui $.parseJSON appel. Merci!

    OriginalL'auteur bboydev

  3. 2

    json_encode est certainement le chemin à parcourir. jQuery a même un support intégré pour l'analyse JSON. Vous pouvez utiliser par exemple

    $.ajax({
    url: "<?php echo site_url('demo/getPhotos/'); ?>",
    type: 'POST',
    data: form_data,
    dataType: 'json', //will automatically convert array to JavaScript
    success: function(array) {
        alert(array[0]); //alerts first string
    }
});

    OriginalL'auteur pimvdb

  4. 0

    retour json, puis de construire le tableau en js par boucle sur le json comme suit:

    var array=[];
for(var key in json)
{    
    if(json.hasOwnProperty(key))
      array.push(json[key]);
}

    Ou vous pouvez tout simplement avec le json lui-même aucune raison d'avoir besoin de la matrice?

    quelque chose comme json[0] ou json[1] etc.

    OriginalL'auteur Baz1nga