Ajax: Comment retourner un Array ou un Tableau dans une fonction

En Ajax comme dans d'autres langages informatiques, nous sommes tous amenés à écrire des fonctions pour exécuter une action pour retourner une valeur, dans certains cas nous n’avons pas besoin que d’une valeur mais de plusieurs. D’où l’obligation de retourner un Array ou un Tableau (appellation française).


Une ancienne approche consistait à le mettre sous un format personnalisé pour ensuite le décoder.
Heureusement que de nos jours, nous avons JSON, alors voici comment nous allons procéder.


Code Javascript appelant un fichier details.php


 $.ajax({
    type: "POST",
    url: "/details.php",
    data: 'id=' + userid,
    dataType: "json",  
    success: function (data) {
        document.getElementById("name").innerHTML = data[0];
        document.getElementById("age").innerHTML = data[1];
        document.getElementById("location").innerHTML = data[2];
    }
});

 

Voici le contenu du fichier PHP


 $arr = array();
$arr[0] = "Mark Reed";
$arr[1] = "34";
$arr[2] = "Australia";

echo json_encode($arr);
exit();

Si vous avez des questions n’hésitez pas à laisser un commentaire juste en dessous ou si avez d’autres questions qui sont pas relatifs à cet article, écrivez moi pour me les poser et je ferai un article en guise de réponse.

 

Copyright 2016 SIR JOJO | Designed and Developed By ELTIMAR