Communication PHP - JS

Version imprimable

27/08/2013, 15h02
milene31

Communication PHP - JS
Bonjour a tous, je debute en PHP :oops:
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:

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

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
27/08/2013, 15h26
Bovino

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

Code:

var test = JSON.parse(data);

provoque une erreur (JSON.parse() s'applique à une chaine, pas à un objet) et bloque le reste du script.
27/08/2013, 15h56
milene31

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

Code:

alert(data[0]);

rien ne se passe. Comment verifier que cela fonctionne. RAS sur firebug non plus
27/08/2013, 16h17
Bovino

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

Le simple code html

Code:

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:

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

28/08/2013, 10h27
milene31

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 :/

Vous n'êtes pas obligé de passer par du JSON pour cela :

Code:

1
2
3
4
<?php
// regroupe les éléments dans une chaîne de caractère
echo implode(',', $myArray); 
?>

Code:

1
2
3
4
5
6
7
8
9
10
$(document).ready(function(){
    var request = jQuery.ajax({
        // votre requete ajax
    });
    request.done(function(msg) {
        // redecoupe le tableau en fonction du paramètre dans implode
        var data = msg.split(',');
        alert(data[0]); // ou data[1] : à vérifier
    });
});

30/08/2013, 10h47
milene31

Merci pour ta reponse.
Finalement je load et parse tout mes fichiers xml a l aide de PHP. Une fois que j'ai recupere les valeurs que je desire, je fais un :

Code:

json_encore(ces_valeurs)

Et du cote de mon application mobile je recupere le tout via une query ajax et du jsonp.