Récuperer variables avec ajax

Fermé

FloAnt - 21 mai 2015 à 15:14
FloAnt - 21 mai 2015 à 17:39

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

A voir également:

Récuperer variables avec ajax
Recuperer message whatsapp supprimé - Guide
Recuperer video youtube - Guide
Comment récupérer un compte facebook piraté - Guide
Impossible de récupérer mon compte gmail - Guide
Récupérer mon compte facebook désactivé - Guide

1 réponse

Réponse 1 / 1

Thorak83 Messages postés 1051 Date d'inscription jeudi 20 juin 2013 Statut Membre Dernière intervention 22 décembre 2017 156
21 mai 2015 à 17:08

Bonjour,
quelle genre de variable contient FichePopulation.php ?
et que contient la variable html dans .done(function(html)

FloAnt
21 mai 2015 à 17:13

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.

Thorak83 Messages postés 1051 Date d'inscription jeudi 20 juin 2013 Statut Membre Dernière intervention 22 décembre 2017 156
21 mai 2015 à 17:25

oui mais cette variable html c'est bien ce que vous retourne FichePopulation.php ?

Thorak83 Messages postés 1051 Date d'inscription jeudi 20 juin 2013 Statut Membre Dernière intervention 22 décembre 2017 156
21 mai 2015 à 17:25

que contient FichePopulation.php

FloAnt
21 mai 2015 à 17:39

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..

Discussions similaires

Colis shein terminal fret