Communication PHP - JS

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

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, 15h26

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, 15h56

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, 16h17

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, 16h24

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, 10h27

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

**th3sorrow** · 29/08/2013, 18h30

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

Code php :

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

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

Code :

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

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
    });
});

**milene31** · 30/08/2013, 10h47

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

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

json_encore(ces_valeurs)

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

Communication PHP - JS

jQuery

Discussions similaires

Partager

Partager