Utilisation de getJson

Version imprimable

Bonjour à tous,

je suis sur un problème depuis plusieurs jours et je bloque complétement dessus.

J’essaie de traiter des donnée issu d'un tableau formaté en JSON.
Quand je traite un fichier JSON (tableau.json) , ça marche
et quand je charge cette fois si une url d'un fichier php qui me génère les même données que ce qu'il y a dans mon fichier json, ca marche plus.

j'ai créé un tableau en JSON "tableau.json" :
Code:

1 2 [[1287559800,1.37713,1.3773,1.37637,1.37656,346],[1287560700,1.37654,1.37702,1.37603,1.37673,422],[1287561600,1.37665,1.37806,1.37544,1.37772,647],[1287562500,1.37771,1.37901,1.37742,1.378,806],[1287563400,1.37797,1.38,1.37787,1.37963,862]]
et quand je l'utilise dans ce fichier HTML, ça fonctionne :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <script type="text/javascript" src="jquery-1.7.2.js"></script> <script type="text/javascript"> $(document).ready( function() { $.getJSON('tableau.json', function(data) { Alert(Data); }); }); </script> </head> <body> </body> </html>
Par contre si j'utilise cette commande :

Code:

$.getJSON('http://localhost/dbjson.php?start=1287559800&nbar=10&format=json&callback=?', function(data)

en lieu et place de

Code:

$.getJSON('tableau.json', function(data)

Ca fonctionne plus. En debuggant le script j'ai vu que le alert(data) n’était jamais atteint.

Et je comprends pas pourquoi. sachant que mon fichier json je l'ai enregistré en local via l'url que je veux utiliser.

J'ai vu sur pas mal de site qu'il fallait utiliser le jsonp pour les requêtes cross site,et j'ai donc ajouté à l'url le " callback=?" comme demandé, mais ça marche pas plus.

Merci de m'aider, parce que étant débutant j'arrive pas a comprendre pourquoi ca marche pas.
D'ailleurs je comprend pas non plus pourquoi il faut utiliser jsonp plutot que json..

16/07/2012, 07h15
Schim59

Bonjour,
Si il y a beaucoup de données il faut faire un

Code:

.POST

.
Il faut une troisieme variable dans le

Code:

.get(fichier.json, donnée, success)

non ?
Je débute alors je suis peut etre a coté de la plaque

puis faire une fonction

Code:

processResult()

qui traites tes donnée par exemple avec le

Code:

alert()

EDIT : je viens de voir que tu voulais importer et pas exporter, je prefère le sql perso via ajax. En tout cas je fais comme ça.
16/07/2012, 08h16
Bovino

@Schim59 : ne pas confondre .get() et .getJSON()...

Sinon, ton fichier PHP ne produit probablement pas un fichier JSON valide.
Ton PHP renvoit-il bien le bon header ? N'y a-t-il pas de caractères parasites (non affichables) qui invalident le résultat ?
16/07/2012, 10h08
Schim59

J'ai écrit les premières lignes de code hier (comme quoi je débute) et je ne manipule que des chiffres pour le moments et sans passer pas sql donc juste de l'ajax/php. Je ferai le test ce soir avec des caractères spéciaux et les tables sql, mais je ne vois pas pourquoi cela ne marcherait pas. C'est quoi un "header" ?

En effet j'ai confondu get et getJSON. :( Désolé.

Merci pour vos réponses ça fait plaisir

Citation:

Envoyé par Schim59

EDIT : je viens de voir que tu voulais importer et pas exporter, je prefère le sql perso via ajax. En tout cas je fais comme ça.

Comment ça le "sql via ajax", tu veux dire que tu met dans ton code javascript le login et le pass de ton serveur sql ?

voila le code de mon fichier php :

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
35
 
<?php
    header("Content-type: application/json");
           
    // on recupere les paramètres passés dans l'URL
    $startDate = 0;
    $nBar = 0;
    if(isset($_GET["start"])) $startDate = $_GET["start"];
    if(isset($_GET["nbar"])) $nBar = $_GET["nbar"];
    
    // on se connecte à MySQL 
    $db = mysql_connect("localhost", "root", "");
        
    // on sélectionne la base
    mysql_select_db('test',$db); 
        
    // on recupere les $nBar lignes à partir de $startDate
    $sql = "SELECT v1,v2,v3,v4,v5,v6 FROM table1 WHERE v1 >= ".$startDate." LIMIT ".$nBar;
    $res = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
    
    // on fait une boucle qui va faire un tour pour chaque enregistrement
    echo "[";
    $index = 0;
    while($data = mysql_fetch_assoc($res))
    {
        // on affiche les informations de l'enregistrement en cours
        if ( $index > 0 ) echo ",";
        $str = array((int)$data['v1'],(double)$data['v2'],(double)$data['v3'],(double)$data['v4'],(double)$data['v5'],(int)$data['v6']);
        echo json_encode($str);
        $index++;
    }
    echo "]";
 
    mysql_close($db);
?>

J'ai regardé ce que me sortait firebug, et ça à l'air OK :

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
35
36
 
 
Parametres :
_	1342464201064
callback	jQuery172020141200174312845_1342464201051
format	json
nbar	10
start	1287559800
 
En-têtes :
Réponsevoir le code source
Connection	Keep-Alive
Content-Length	485
Content-Type	application/json
Date	Mon, 16 Jul 2012 18:43:21 GMT
Keep-Alive	timeout=5, max=100
Server	Apache/2.4.2 (Win64) PHP/5.4.3
X-Powered-By	PHP/5.4.3
Requêtevoir le code source
Accept	*/*                           */
Accept-Encoding	gzip, deflate
Accept-Language	fr,fr-fr;q=0.8,en-us;q=0.5,en;q=0.3
Connection	keep-alive
Host	localhost
User-Agent	Mozilla/5.0 (Windows NT 6.1; WOW64; rv:13.0) Gecko/20100101 Firefox/13.0.1
 
Réponse :
[[1287559800,1.37713,1.3773,1.37637,1.37656,346],[1287560700,1.37654,1.37702,1.37603,1.37673,422],[1287561600,1.37665,1.37806,1.37544,1.37772,647],[1287562500,1.37771,1.37901,1.37742,1.378,806],[1287563400,1.37797,1.38,1.37787,1.37963,862],[1287564300,1.37962,1.37963,1.3779,1.37843,681],[1287565200,1.37844,1.37952,1.37766,1.37947,874],[1287566100,1.37949,1.37976,1.37897,1.37922,672],[1287567000,1.37923,1.38102,1.37825,1.38084,949],[1287567900,1.38085,1.382,1.3805,1.38116,806]]
 
Cache :
Data Size	485
Device	disk
Expires	Thu Jan 01 1970 01:00:00 GMT+0100
Fetch Count	2
Last Fetched	Mon Jul 16 2012 20:43:21 GMT+0200
Last Modified	Mon Jul 16 2012 20:43:21 GMT+0200

Le dernier je le met pas c'est l'arborescence du fichier json ^^

16/07/2012, 22h35
Schim59
Code:

1 2 3 4 5 6 7 function suivi(){ $.post("recuppoid.php", processResult); } function processResult(data, textStatus){ $(".ret2").html(data); };
le code php est dans un fichier nommé "recuppoid.php" avec le SELECT qui va bien.
Reste a déterminer l’évènement déclencheur du code. onclick // onkeyup // init() etc..

J'ai manipulé aussi des dates ça marche bien. La c'est une partie d'un un mini programme qui prend en entrée le poids du jour et te rend un historique en sortie à la demande.

les login sont dans le "recuppoid.php" (il est conseillé, je crois, de les mettre dans un 3ème fichier pour pas que ce soit dans le code directement).

Bon courage.

ps : après pour le json reste a changer .get ou .post en .getJSON c'est exactement la même chose sans le textStatus.
Code:

1 2 3 4 5 6 7 function suivi(){ $.postJSON("recuppoid.json", processResult); } function processResult(data){ $(".ret2").html(data); };
J'ai pas tester mais théoriquement, c'est ça.

J'espère pas être trop hors sujet ^^.
17/07/2012, 00h07
Aiekick

Oui sauf que postJSON, c'est pas une fonction JQuery
17/07/2012, 08h30
Schim59

Citation:

Envoyé par cuicui78

Oui sauf que postJSON, c'est pas une fonction JQuery

Ah oui je me demande pourquoi.
Tu a un message d'erreur ??

Code:

$.getJSON('http://localhost/dbjson.php, function(data)

pourquoi tu ajoute ca ?

Code:

?start=1287559800&nbar=10&format=json&callback=?'

tu passes par un programme php c'est ca ?

Citation:

Envoyé par Schim59

Ah oui je me demande pourquoi.
Tu a un message d'erreur ??

Pas de message, mais il se passe rien. Le debugger va dans le fichier de jquery mais il trouve pas "postJSON".

Citation:

Envoyé par Schim59

Code:

$.getJSON('http://localhost/dbjson.php, function(data)

pourquoi tu ajoute ca ?

Code:

?start=1287559800&nbar=10&format=json&callback=?'

tu passes par un programme php c'est ca ?

Mon but est de faire un composant javascript qui va utiliser des données de la BD. Donc je demande les données a utiliser via mon script php, c'est pourquoi je lui passe les arguments en question. après pour le dernier paramètre "callback=?" c'est ce qu'il faut utiliser pour passer par JSONP, mais va savoir pourquoi, je comprends même pas ce que ça fait.
Ceici étant j'ai testé avec et sans et ca marche pas plus.

la piste de Bovino est la bonne, j'ai testé mon code, avec une url JSON connue (http://www.highcharts.com/samples/da...son&callback=?) , et mon script fonctionne. donc c'est bien le fichier php que j'utilise qui me renvoi d'une certaine façon un fichier json invalide.
Ce qui est d’ailleurs marrant, c'est que l'url de highcharts n'est pas reconnue comme du json par le navigateur et elle elle marche :cry:

Je l'ai amélioré, pour éviter que j’insère des caractère et je laisse faire json_encode
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 <?php header("Content-type: application/json"); // on recupere les paramètres passés dans l'URL $startDate = 0; $nBar = 0; if(isset($_GET["start"])) $startDate = $_GET["start"]; if(isset($_GET["nbar"])) $nBar = $_GET["nbar"]; // on se connecte à MySQL $db = mysql_connect("localhost", "root", ""); // on sélectionne la base mysql_select_db('test',$db); // on recupere les $nBar lignes à partir de $startDate $sql = "SELECT v1,v2,v3,v4,v5,v6 FROM table1 WHERE v1 >= ".$startDate." LIMIT ".$nBar; $res = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error()); $str = array(); while($data = mysql_fetch_assoc($res)) { $str[] = array((int)$data['v1'],(double)$data['v2'],(double)$data['v3'],(double)$data['v4'],(double)$data['v5'],(int)$data['v6']); } print(json_encode($str)); mysql_close($db); ?>
mais ca marche pas plus :cry:

17/07/2012, 21h08
Aiekick
Bon j'ai trouvé, et en fait l'erreur venait de mon incompréhension de JSONP ^^

Grace à ce blog : http://blog.jaysalvat.com/article/co...-en-javascript
j'ai fini par comprendre que mon url générait un fichier JSON valide mais pas utilisable ici.

J'ai donc modifié mon fichier php comme suit :
Code:

1 2 3 4 5 6 7 8 9 if (isset($_GET['callback'])) { echo $_GET['callback'].'('.$json.');'; } else { echo $json; }
$json contient le résultat de json_encode.

et la ça marche niquel.