Récuperer variables avec ajax

FloAnt -  
 FloAnt -
Bonjour,

J'ai comme projet d'afficher des graphiques en dynamique grâce a une liste de choix de l'utilisateur. Concrètement il choisi un thème, une ville (dans un fichier index.php) et cela affiche 4 graphiques (dans une dic) grâce a une bibliothèque JS et une pointe d'Ajax. Jusque la pas de problèmes.

Sauf que pour l'instant toutes les données sont en dur dans le fichier JS alors que je dois les extraire d'une base de données. Pour ce faire je lance la requête qui récupère les données dans la base dans le fichier chargé par ajax (par exemple : FichePopulation.php), je stock toutes les données dans des variables et la je suis bloqué. Lors du clique pour afficher les graphique de population la fonction est celle ci.

function population(){
        $.ajax({
          type: "POST",
          url: "FichePopulation.php"
       }).done(function(html){
          $('#mydiv').html(html); //La ou sont affiché les graphiques dans le HTML
          //Graphique à afficher
          StatutOccupationLogement(); //Je veux mettre des paramètres ICI !
          EvolutionNbLogement(); // Et ici
          TailleLogement(); // La aussi
          AncienneteOccupationLogement(); //Et puis .. La aussi
        });
    }


Je ne sais donc pas comment prendre les variables qui contiennent les données dans "FichePopulation.php" pour les données en paramètres à mes fonctions de création de graphique. Je pensais faire avec "document.getElementById("NbPopulation").value()" mais ca m'a tout l'air d'etre du bricolage..

Merci de votre aide,

Florian

1 réponse

Thorak83 Messages postés 1140 Statut Membre 156
 
Bonjour,
quelle genre de variable contient FichePopulation.php ?
et que contient la variable html dans .done(function(html)
0
FloAnt
 
Bonjour,
FichePopulation.php contient des variables de type texte ou integer, des variables assez basique en soit.
La variable html va contenir tout le code html de la page que j'affiche grâce à AJAX.
0
Thorak83 Messages postés 1140 Statut Membre 156
 
oui mais cette variable html c'est bien ce que vous retourne FichePopulation.php ?
0
Thorak83 Messages postés 1140 Statut Membre 156
 
que contient FichePopulation.php
0
FloAnt
 
Oui, à savoir tout le code html que j'affiche
<!-- ici execution requete sql genre : 
<?php $result=recupInfo($db);
$arr = pg_fetch_array ($result, 0,PGSQL_NUM);
$maVar1 = $arr[0]
$maVar2 = $arr[1]
etc ...
?>
-->
<div class="container iframe"  id="Graphique">
	<div class="k-header export-app">
		<div class="content-wrapper">
		<div class="row clearfix">
			<div class="col-md-12 column">
				<center>
					<h4 id="titreFiche"> -- Population</h4>
				</center>
			</div>
		</div>			
		<div class="row clearfix">
			<div class="col-xs-6 column">
				<h5>Chiffres clés</h5>
				<table>
					<tr><td></td><td>Ville</td><td>EPCI</td><td>DEPARTEMENT</td></tr>
					<tr><td>Population en 2011</td><td></td><td></td><td></td></tr>
					<tr><td>évolution de la population entre 2006 et 2011 TCAM</td><td></td><td></td><td></td></tr>
					<tr><td>densité de population par ha en 2011</td><td></td><td></td><td></td></tr>
					<tr><td>Part des - de 20 ans en 2011</td><td></td><td></td><td></td></tr>
					<tr><td>Part des entre 20 et 60 ans en 2011</td><td></td><td></td><td></td></tr>
					<tr><td>Part des + de 60 ans en 2011</td><td></td><td></td><td></td></tr>
					<tr><td>Indice de jeunesse  en 2011</td><td></td><td></td><td></td></tr>
					<tr><td>Evolution Indice de jeunesse entre  2006 et 2011 TCAM</td><td></td><td></td><td></td></tr>
				</table>
			</div>

			<div class="col-xs-6 column">
				<h5>Evolution de la population de 1968 à 2011</h5>
				<div id="EvolutionNbLogement"></div>
			</div>
		</div>

		<div class="row clearfix">

			<div class="col-xs-4 column"></br>
				<h5>Contribution du solde migratoire et du solde naturel aux variations de population de 1968 à 2011</h5>
				<div class="graphique" id="StatutOccupationLogement" ></div>
			</div>

			<div class="col-xs-4 column"></br>
				<h5>Structure par âge de la population en  2011</h5>
				<div id="PyramideAge" ></div>
			</div>

			<div class="col-xs-4 column"></br>
				<h5>Evolution de la taille moyenne des ménages de 1990 à 2011</h5>
				<div id="AncienneteOccupationLogement" ></div></br></br>
			</div>
		</div>
	</div>
	</div>
</div>


ensuite je veux passer $maVar1 à ma fonction chargée grâce à AJAX.
Je ne sais pas si c'est tres clair..
0