décoder un JSON

**Miyukaze** · 29/05/2012, 10h44

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 :

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

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 :

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

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

Côté client maintenant donc:

Code :

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

**SpaceFrog** · 29/05/2012, 10h52

Heu getJson récupère déja un JSON ??

Code :

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

1
2
3
 success:function(data){
<s>                alert(data);
        data = evalJSON(data);</s>

là ton data est directement un objet JSON exploitable tel quel

**Miyukaze** · 29/05/2012, 10h56

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

**SpaceFrog** · 29/05/2012, 10h58

et si tu fais un echo au lieu du print_r ?

**Miyukaze** · 29/05/2012, 11h41

Ca ne change rien, le alert sort toujours undefined :/

**SpaceFrog** · 29/05/2012, 11h46

On peut voir le code actuel ?

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

**Miyukaze** · 29/05/2012, 11h54

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

Code :

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

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

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

**SpaceFrog** · 29/05/2012, 11h57

Code :

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

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 ?

**Miyukaze** · 29/05/2012, 12h03

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

)

**SpaceFrog** · 29/05/2012, 12h52

et tu ne renvoie que le json encode dans ta page php ??

**Miyukaze** · 29/05/2012, 12h58

J'ai posté tout le code de la page y'a rien d'autre :/

**SpaceFrog** · 29/05/2012, 13h54

ta page php retourne du BOM ?

**Miyukaze** · 29/05/2012, 14h27

Désolé mais c'est du chinois pour moi xD
Je dois regarder où pour te dire ça?

**SpaceFrog** · 29/05/2012, 15h19

Rhaaaaaaaa mais non tu mélanges deux syntaxes, celle de ajax et celle de getJSON

Code :

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

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 :

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

dataType: "json"

**Miyukaze** · 29/05/2012, 16h03

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

XMLHttpRequest cannot load http://www.***.fr/index.php. Origin http://***.fr is not allowed by Access-Control-Allow-Origin.

**SpaceFrog** · 29/05/2012, 16h20

Ha ben forcément si tu essayes de taper un page qui n'appartient pas au même domaine ...

**Macmillenium** · 29/05/2012, 16h25

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

**Miyukaze** · 29/05/2012, 16h32

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 :

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

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 :

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

**SpaceFrog** · 29/05/2012, 16h36

Il y a un item password dans le json ?
As tu la console firebug ?

**Miyukaze** · 29/05/2012, 17h17

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 :

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

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

décoder un JSON

jQuery

Discussions similaires

Partager

Partager