Communication PHP - JS

**milene31** · 27/08/2013, 16h02

Bonjour a tous, je debute en PHP

En fait j' aimerais recuperer un tableau construit en php au niveau de mon fichier javascript avec post ajax de jQuery. Avec le code ca sera plus clair :

Mon fichier php :

Code php :

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

1
2
3
4
5
6
<?php
  for($var=5; $var<10; $var++){
    $myArray[]=$var;
  }
  echo json_encode($myArray);
?>

et mon javascript :

Code :

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

1
2
3
4
5
6
$(document).ready(function(){
   $.getJSON("ajax.php", function(data) {
	  var test = JSON.parse(data);
	  alert(test);
   });
});

Il ne se passe rien .. Pourtant ca semble etre la base si on veut aller plus loin en php/js

Merci pour votre aide

**Bovino** · 27/08/2013, 16h26

Avec getJSON(), le résultat passé à la fonction de rappel a déjà été parsé, donc la ligne

Code :

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

var test = JSON.parse(data);

provoque une erreur (JSON.parse() s'applique à une chaine, pas à un objet) et bloque le reste du script.

**milene31** · 27/08/2013, 16h56

Merci pour ta reponse. En enelevant le json parse et en ajoutant un:

Code :

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

alert(data[0]);

rien ne se passe. Comment verifier que cela fonctionne. RAS sur firebug non plus

**Bovino** · 27/08/2013, 17h17

Il y a tellement de causes possibles (et différentes) que c'est difficile de te répondre avec si peu d'informations...

Montre-nous plus de code...

**milene31** · 27/08/2013, 17h24

Le simple code html

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
<!DOCTYPE html>
<html>
<head>
    <title>Test PHP</title>
    <link rel="stylesheet" href="css/my_custom_theme.min.css" />
    <link rel="stylesheet" href="css/jquery.mobile.structure-1.3.2.min.css" />
    <script src="js/jquery-2.0.3.min.js"></script>
    <script src="js/jquery.mobile-1.3.2.min.js"></script>
    <script type="text/javascript" charset="utf-8">         
        $(document).ready(function(){
           $.getJSON("ajax.php", function(data) {
                  alert(data[0]);
                });
        });
     </script>
</head>
 
<body>
    <div id="page1" data-role="page" data-theme="a" >
		<div data-role="header" data-position="fixed" data-tap-toggle="false">
			<a href="" data-transition="slide" data-direction="reverse" data-role="button" data-icon="back" data-iconpos="notext"></a>
			<h1>Header</h1>
			<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext"></a>	
		</div>
 
	        <div data-role="content">							
		</div>
 
		<div data-role="footer" data-position="fixed" data-tap-toggle="false">
			<h1>Footer</h1>
		</div>
    </div>
</body>
</html>

et le php associe

Code php :

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

1
2
3
4
5
6
<?php
  for($var=5; $var<10; $var++){
    $myArray[]=$var;
  }
  echo json_encode($myArray);
?>

**milene31** · 28/08/2013, 11h27

Pour detailler mon objectif : J'utilise Phonegap et donc HTML/JS/CSS, jQuery pour afficher des graphiques sur mon applications mobiles.
Mon application va chercher des donnees qui sont dans differents fichiers xml pour tracer ces graphes. Donc j'effectue un post ajax pour loader un fichier xml, le parser et en faire un graphe avec les donnees qu'il contient,

Prochaine etape : charger plusieurs fichiers xml (f1.xml, f2.xml, f3.xml ..) dont je ne connais pas forcement les noms pour en faire differents graphes et cela de facon automatique.

Et comme ces fichiers seront sur un server FTP, j'ai lu plusieurs conseils qui preconisaient l'utilisation de PHP pour loader les fichier xml et les inclure dans un objet JSON.

Enfin par un getJson au niveau de mon appli je pourrai tout recuperer. Mais comme je l'ai dit, je n'ai aucune base en PHP :/

Communication PHP - JS

jQuery

Vue hybride

Discussions similaires

Partager

Partager