Récuperer variables avec ajax

Fermé
Signaler
-
 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

Messages postés
1051
Date d'inscription
jeudi 20 juin 2013
Statut
Membre
Dernière intervention
22 décembre 2017
150
Bonjour,
quelle genre de variable contient FichePopulation.php ?
et que contient la variable html dans .done(function(html)
0
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
Messages postés
1051
Date d'inscription
jeudi 20 juin 2013
Statut
Membre
Dernière intervention
22 décembre 2017
150
oui mais cette variable html c'est bien ce que vous retourne FichePopulation.php ?
0
Messages postés
1051
Date d'inscription
jeudi 20 juin 2013
Statut
Membre
Dernière intervention
22 décembre 2017
150
que contient FichePopulation.php
0
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