JS ne reconnait pas une variable php

**Jacoybeo** · 26/06/2017, 10h06

Bonjour a tous.

Ja i un petit probleme pour faire un graphique google charts.

J ai le script suivant et "echo json_encode" ne me retourne aucune valeur.

Quelqu un aurait il une idée?

Merci pour votre aide.

A+

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<?php
//Démarrage des sessions
session_start ();
 
//Affichage des erreurs PHP
error_reporting(E_ALL);
ini_set('display-errors','on');
 
 
// REQUIRE
 
require_once ('connexion.php');
 
 
//Récupération des variables AVANT de les utiliser
$mes_opcion  = !empty($_POST['mes']) ? $_POST['mes'] : (!empty($_SESSION['mes']) ? $_SESSION['mes'] : NULL);
$_SESSION['mes'] = $mes_opcion ;
print_r(array_values($mes_opcion)); 
 
 
//Traitement
$sql = 'SELECT fecha, lluvia FROM meteo WHERE MONTH(fecha) = ? ';
$datas = array($mes_opcion[0]);
 
try{
  $req = $connexion->prepare($sql);
  $req->execute($datas);
  $row = $req->fetchAll(PDO::FETCH_ASSOC); //on stocke les données dans un ARRAY
}catch(Exception $e){
  echo "Erreur ! ".$e->getMessage();
}
 
$datos_lluvia = array();
if(!empty($row)){
  //On parcours l'array
  foreach($row as $R)  {
    $datos_lluvia[] = (float)$R['lluvia'];
  }
}else{
  echo " La requête n'a pas retournée de données.... ";
}
 
print_r(array_values($datos_lluvia)); // renvoi Array ( [0] => 10 [1] => 40 [2] => 5 [3] => 5 [4] => 20 [5] => 91 )
echo "<pre>datos_lluvia :<br>";
 
print_r($datos_lluvia); // renvoi datos_lluvia :
Array
(
    [0] => 10
    [1] => 40
    [2] => 5
    [3] => 5
    [4] => 20
    [5] => 91
)
 
echo " en Json => " . json_encode($datos_lluvia); //renvoi  en Json => [10,40,5,5,20,91]
 
echo "</pre>";
$req->closeCursor();
?>
 
 
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" > </script>
 
<!-- Load the AJAX API -->
<script type="text/javascript" src="https://www.google.com/jsapi" > </script>
<script type="text/javascript"
src="https://www.google.com/jsapi?autoload={
'modules':[{
'name':'visualization',
'version':'1',
'packages':['corechart']
}]
}"></script>
 
<script type="text/javascript">
 var cargaDatos = <?php echo json_encode($datos_lluvia); ?>;
  console.log(cargaDatos);
  console.log( " cargaDatos : " );
 
 google.setOnLoadCallback(drawChart);
 
function drawChart() {
 
  var datosFinales = google.visualization.arrayToDataTable(cargaDatos);
 
  var options = {
         title: 'Precipitacion',
         curveType: 'function',
         legend: { position: 'bottom' }
       };
 
 var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
 
 chart.draw(datosFinales, options);
 }
  </script>
</head>
<body>
<div id="curve_chart" style="width: 900px; height: 500px"></div>
</body>
</html>

**paoli121** · 26/06/2017, 10h20

Dans ton code corrige ceci pour voir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
var cargaDatos = <?php echo json_encode($datos_lluvia); ?>;
/****************** par ceci ********************************************/
var cargaDatos = "<?php echo $datos_lluvia; ?>";

**Jacoybeo** · 26/06/2017, 11h57

c est pariel. pas de données transmises.

**paoli121** · 26/06/2017, 13h02

Pour transmettre des données de php vers JS il y a deux façons. Soit tu le fais avec ajax ou par cet exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
     <script>
           var cargaDatos = "<?php echo $datos_lluvia; ?>";
    </script>

Pour tester si c'est vrai crée un nouveau fichier d'extension .php et tu test comme ceci :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
      <?php 
            $test = "Envoyé depuis php";
      ?>
       <script>
                var test_js = "<?php echo $test; ?>";
                 alert(test_js);
      </script>
</body>
</html>

**sekaijin** · 26/06/2017, 13h34

dans javascript > contribuez
https://www.developpez.net/forums/d1...cript-methode/

encore une fois c'est une mauvais pratique que de générer du javascript en php.
c'est inutile (il y a toujours une solution en les séparant)
c'est source d'erreur
c'est contre performant

A+JYT

JS ne reconnait pas une variable php

JavaScript

Discussions similaires

Partager

Partager