décoder un JSON

Version imprimable

décoder un JSON

Bonjour à tous,
Je ne suis pas encore super à l'aise avec le JQuery et depuis plusieurs jours je n'arrive pas à décoder du JSON, l'alert me renvoyant toujours une erreur.
Toute aide ou explication serait donc la bienvenue ^^
Je vous copie les différentes parties:

Script php:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <?php // on se connecte à notre base pour recuperer les data $base = mysql_connect("***", "***", "***"); mysql_select_db ('***', $base) ; $req =mysql_query("SELECT * from member"); while ($row=mysql_fetch_assoc($req)) { $output[]=$row; } //on encode en JSON $code = json_encode($output); print_r($code); mysql_free_result ($req); ?>
Lorsque l'on se connecte à la page web via un navigateur le print renvoie:

Code:

[{"id":"1","password":"testt","pseudo":"test"},{"id":"2","password":"cfzqefzqe","pseudo":"jean"},{"id":"3","password":"zefeazfze","pseudo":"patrick"}]

Côté client maintenant donc:
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 <!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta http-equiv="Content-type" content="text/html;charset=UTF-8" /> <title>Connexion</title> <link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" /> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="cordova-1.7.0.js"></script> <script type="text/javascript" src="js/jquery.mobile-1.1.0.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $.getJSON("http://www.***.fr/index.php", { success:function(data){ alert(data); data = evalJSON(data); }, error: function() { alert("Error"); } }); }); </script> </head> <body> <div data-role="page"> <div data-role="header"> </div> </body> </html>
Voilà, étant donné que (si j'ai bien compris) je récupère un alert: Undefined, je ne suis pas sûr de bien récupérer les données JSON mais je ne comprends pas comment faire :/ Bonne journée à tous.

29/05/2012, 10h52
SpaceFrog
Heu getJson récupère déja un JSON ??
Code:

1 2 3 success:function(data){ <s> alert(data); data = evalJSON(data);</s>
là ton data est directement un objet JSON exploitable tel quel
29/05/2012, 10h56
Miyukaze

Mais si mon alert data me sort un "Undefined" c'est que justemment le getJson ne l'a pas bien récupéré non?
En fait je sais pas trop si j'ai des soucis au niveau du code ou au niveau de la config (genre permissions...etc).
Peut être qu'une copie du log cat vous aiderait? Pour moi c'est un peu flou :calim2:
29/05/2012, 10h58
SpaceFrog

et si tu fais un echo au lieu du print_r ?
29/05/2012, 11h41
Miyukaze

Ca ne change rien, le alert sort toujours undefined :/
29/05/2012, 11h46
SpaceFrog

On peut voir le code actuel ?

Au passage je vois des div pas fermés ...

Bien sûr.
J'ai fermé les div au passage ^^

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
<!DOCTYPE html> 
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
        <title>Connexion</title>
        <link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />
        <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="cordova-1.7.0.js"></script>
        <script type="text/javascript" src="js/jquery.mobile-1.1.0.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    $.getJSON("http://www.***.fr/index.php", {
    success:function(data){
                alert(data);
        data = evalJSON(data);
    	}, 
    	error: function() { alert("Error"); }
});
});
</script>  
</head>
<body>
<div data-role="page"> 
<div data-role="header"> </div>
<div data-role="content"> </div>
<div data-role="footer"> </div>
</div> 
</body>
</html>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
// on se connecte à notre base  pour recuperer les data
$base = mysql_connect("***", "***", "***");  
mysql_select_db ('***', $base) ;  
$req =mysql_query("SELECT * from member");
$i = 0;
while ($row=mysql_fetch_assoc($req)) {    
    $output[]=$row;
} 
//on encode en JSON 
$code = json_encode($output);
echo($code);
mysql_free_result ($req);  
?>

Code:

1
2
3
4
5
6
7
8
9
10
 <script type="text/javascript">
    $(document).ready(function() {
    $.getJSON("http://www.***.fr/index.php", {
    success:function(data){
                alert(data.password);
    	}, 
    	error: function() { alert("Error"); }
});
});
</script>

que dit la console firebug ?
Tu vois un retour dedans ?

29/05/2012, 12h03
Miyukaze

La console de chrome me renvoie "Uncaught TypeError: Cannot read property 'password' of undefined "

(Merci pour l'aide en tout cas c'est gentil de ta part :ccool:)
29/05/2012, 12h52
SpaceFrog

et tu ne renvoie que le json encode dans ta page php ??
29/05/2012, 12h58
Miyukaze

J'ai posté tout le code de la page y'a rien d'autre :/
29/05/2012, 13h54
SpaceFrog

ta page php retourne du BOM ?
29/05/2012, 14h27
Miyukaze

Désolé mais c'est du chinois pour moi xD
Je dois regarder où pour te dire ça?
29/05/2012, 15h19
SpaceFrog
Rhaaaaaaaa mais non tu mélanges deux syntaxes, celle de ajax et celle de getJSON
Code:

1 2 3 4 5 6 7 $(document).ready(function() { $.getJSON("http://www.***.fr/index.php",function(data){ alert(data.password); } ) });
getJSON n'accepte pas de success, mais un callback ...

sinon faut reste en ajax mais en mettant en option

Code:

dataType: "json"
29/05/2012, 16h03
Miyukaze

Y'a du mieux, mais c'est plus la même erreur:

Citation:

XMLHttpRequest cannot load http://www.***.fr/index.php. Origin http://***.fr is not allowed by Access-Control-Allow-Origin.
29/05/2012, 16h20
SpaceFrog

Ha ben forcément si tu essayes de taper un page qui n'appartient pas au même domaine ...
29/05/2012, 16h25
Macmillenium

Si t'as la main sur l'autre domaine, tu peux activer l'en-tête CORS.

J'ai rajouté l'entête CORS comme suit (je refous le code coté client aussi).
Je n'ai plus d'erreur dans la console de chrome par contre on a droit au retour du alert: Undefined

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
header("Access-Control-Allow-Origin: *");
// on se connecte à notre base  pour recuperer les data
$base = mysql_connect("***", "***", "***");  
mysql_select_db ('shareatbdd', $base) ;  
$req =mysql_query("SELECT * from member");
$i = 0;
while ($row=mysql_fetch_assoc($req)) {    
    $output[]=$row;
} 
//on encode en JSON 
$code = json_encode($output);
echo($code);
mysql_free_result ($req);  
?>

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
<!DOCTYPE html> 
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
        <title>Connexion</title>
        <link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />
        <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="cordova-1.7.0.js"></script>
        <script type="text/javascript" src="js/jquery.mobile-1.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $.getJSON("http://www.***.fr/index.php",function(data){
                alert(data.password);
    	} )
 
});
</script>
</head>
<body>
<div data-role="page"> 
<div data-role="header"> </div>
<div data-role="content"> </div>
<div data-role="footer"> </div>
</div> 
</body>
</html>

29/05/2012, 16h36
SpaceFrog

Il y a un item password dans le json ?
As tu la console firebug ?
29/05/2012, 17h17
Miyukaze

Rien dans la console Firebug non plus.

Et mon JSON a plusieurs items password, peut être que je m'y suis mal pris pour le créer? Quand je fais un echo j'ai:

Code:

[{"id":"1","password":"testt","pseudo":"test"},{"id":"2","password":"cfzqefzqe","pseudo":"jean"},{"id":"3","password":"zefeazfze","pseudo":"patrick"}]
29/05/2012, 17h22
SpaceFrog

Code:

alert(data[0].password);
29/05/2012, 17h30
Willpower

Et si tu fais :

Code:

echo '{"d":'.$code.'}';

et

Code:

alert(data.d[0].password);

edit: arg, pris de vitesse par la grenouille. ;)
29/05/2012, 18h07
Miyukaze

Ca marche impec!
Merci beaucoup à tous pour votre aide vraiment! Vous gérez =P
Bonne soirée :)