Récupérer tableau Json en javascript

Version imprimable

niveau:novice;

Bonjour à tous et à toutes, j'ai des difficultés à récupérer ma liste en format Json dans mon fichier.js, notamment utiliser une variable me permettant de remplir ma combobox en Javascript/JQuery. Mon projet étant sous MVC. Idées, orientations et aide seraient les bienvenues merci.

//Mon routeur

Code:

1
2
3
4
5
<?php 
require 'AutoRequire.php';
$routeur=new Routeur();
$routeur->routerRequete();
?>

//Controleur "famille"

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php 
class ControleurFamille{
	private $famille;
	public function __construct(){
		$this->famille= new DAOFamille();
	}
	public function controle(){
		$listeFamille=json_encode($this->famille->getAllFamilles());
		$vue= new vue("Famille");
		$vue->generer(array('listeFamille'=>$listeFamille));
	}
}
?>

// DAO "Famille"

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<?php
require_once 'SqlConnect.php';
class DAOFamille {
    private $pdo;
    function __construct() {
        $sql = new SqlConnect();
        $this -> pdo = $sql ->getConnexion();
    }
    public function getAllFamilles() {
        // Préparation de la requête
        $result = $this-> pdo ->prepare ('SELECT * FROM dbo.Famille');
        // Exécution de la requête
        $result -> execute();
        while ($r = $result->fetch()) {
            $retour[] = dataToFamille($r);
        }
        return $retour;
    }
}
function dataToFamille($r) {
    $couleur= new DAOCouleur();
    $type=new DAOType();
    $resultat= new Famille();
    $resultat->_setIdFamille($r["ID_FAMILLE"]);
    $resultat->_setNomFamille($r["NOM_FAMILLE"]);
    $resultat->_setMargeFamille($r["MARGE"]);
    $resultat->_setTauxTVAFamille($r["TAUX_TVA"]);
    $resultat->_setListeCouleurFamille($couleur->getCouleursbyFamille($resultat));
    $resultat->_setListeTypeFamille($type->getTypesByFamille($resultat));
    return $resultat;
}
?>

//Vue "Famille"

Code:

1
2
3
4
5
<?php
$this->titre = "Bonne Chope";
$data = json_decode($listeFamille);
$this->script = '<script src="vue/JS/Vuefamille.js" type="text/javascript"></script>';
?>

//fichier .js

Code:

1
2
3
$(document).ready(function() {
//????????????????
});

Il y a deux solutions possibles, la plus simple serait de passer ta variable PHP à un Script JS dans ta vue avant ton appel à ton autre script:
Code:

1 2 3 4 5 6 7 8 9 10 <?php $this->titre = "Bonne Chope"; $data = json_decode($listeFamille); ?> <script type="text/javascript"> var data = <?= $data ?> </script> <?php $this->script = '<script src="vue/JS/Vuefamille.js" type="text/javascript"></script>'; ?>
Code:

1 2 3 $(document).ready(function() { console.log(data) });
C'est vrai que ce n'est pas terrible, la deuxième solution est plus longue mais je la préfère, il s'agit tout simplement de créer un système de service, en gros une page PHP que tu attaquerais en AJAX afin de récupérer les données qui t'intéresses.

14/04/2015, 10h48
Olive198

Merci pour ta réponse. J'ai essayer ta solution, j'ai message d'erreur sous chrome, en gros la variable data n'est définie dans le code Php...
14/04/2015, 22h37
Darkaurora
Code:

1 2 3 4 5 6 7 <?php $data = json_decode($listeFamille); ?> <script type="text/javascript"> var data = <?php echo $data ?> </script>
Logiquement avec ce qui est fourni la ta variable $data est défini.

Maintenant si tu as une erreur côté JS peut être essaye en déclarant window.var = <?php echo $data ?>, il doit s'agir d'un problème de portée de variable, à regarder de ce côté donc.
15/04/2015, 08h09
Bovino

Heu non... pas vraiment. :aie:

json_decode() retourne un objet PHP, tu ne peux pas l'affecter à une valeur JavaScript. C'est json_encode() qu'il faut utiliser.
15/04/2015, 09h28
Darkaurora

ça viens de me sauter aux yeux j'avais fait une contraction visuelle je pense, mais effectivement étourderie de ma part, pour passer une variable PHP à JS il faut utiliser json_encode

Bonjour voici comment je procède pour faire ce genre de traitement :
Ici on cherche part exemple à lire les articles d'une catégorie dans la BDD.
Par jquery on fait appel à une fonction PHP ( function Recup_old_article($categorie){....}).

coté js :

Code:

1
2
3
4
5
6
7
8
9
10
//appel a la fonction php pour lire les articles de la BDD
$.post('Recup_article.php',{function:'Recup_old_article',data:{categorie:categorie}},function(donnees){
	if(donnees.NB != 0){
		if(donnees.NB > 0){
                    .....
		}				
        }
        else 
		$('option', '#Article_old').remove(); 
},"json");

coté PHP :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
//Cette ligne appellera la fonction donnée en paramètre "function" dans ton POST côté JavaScript et passe en paramètre, l'ensemble des données contenues dans l'attribut data
call_user_func_array($_POST["function"], $_POST["data"]);
function Recup_old_article($categorie){
	$i=0;
	$res = array();
	//Vérifie que la connexion est ok
	if ($mysqli->connect_errno) {
		echo "Echec lors de la connexion à MySQL : (" . $mysqli->connect_errno . ") " . $mysqli->connect_error;
	}
	else{//Ajoute le devis
		$query= "SELECT * FROM `Article` WHERE `Categorie` LIKE '$categorie' ORDER BY `Categorie` ASC";
		if($result = $mysqli->query($query) ){
			while($row = $result->fetch_array()){
				$res["id"][$i]= $row['ID'];
				$res["res"][$i] = $row['Contenue'];
				$res["Titre"][$i] = $row['Titre'];
				$res["Date"][$i] = $row['Date'];
				$res["Categorie"][$i] = $row['Categorie'];
				$i++;
			}
			$res['NB']= $result->num_rows;
			echo json_encode($res);
		}
		else 
			echo 0;
	}
}

En espérant t'avoir aidé.

15/04/2015, 20h20
sekaijin

http://www.developpez.net/forums/d10...cript-methode/

A+JYT