[AJAX] Utiliser JSON avec New AJAXperiodicalUPDATER

Version imprimable

18/06/2010, 16h54
tm75701

[AJAX] Utiliser JSON avec New AJAXperiodicalUPDATER

Bonjour à toutes et à tous,

Je cherche désespérément à résoudre ce problème. Voilà je dispose d'un fichier JSON qui se met à jour automatiquement toutes les minutes via un petit script php.

Je parviens à récupérer les données JSON sur mon site grace à une fonction javascript.

Mon problème c'est qu'il ne se met pas à jour avec la méthode ajaxperiodicalupdater... exemple

Code:

new Ajax.PeriodicalUpdater('loadJSON', 'dynamic-menu.json', {frequency:20, method:'get'});

Pourriez vous me dire ce qui cloche svp ??

En vous remerciant par avance ...
18/06/2010, 17h36
E.Bzz

Bonjour,

Citation:

Envoyé par tm75701

Pourriez vous me dire ce qui cloche svp ??

Il faudrait nous donner plus d'éléments : le code HTML associé, la logique de l'ensemble (qu'est ce qui est lancé, sur quel évènement de quel élément de la page ?), la librairie utilisée, qu'est-ce qui se passe, y a t-il une erreur, laquelle, à quel endroit .... bref :mrgreen:

A+
18/06/2010, 17h49
RomainVALERI

La syntaxe de l'appel semble régulière.
ton objet à mettre à jour périodiquement a bien loadJSON comme id ? parce que si c'est une variable contenant directement la référence de ta node, ça n'ira pas à cause des quotes. (avec un peu de chance ça ne serait que ça ^^)

edit pour répondre en partie à la question de E.Bzz et ainsi aider les autres courageux éventuels qui voudraient se pencher sur le problème : doc de la méthode en question

Tout d'abord merci romain pour ces infos !::)
Voici mon code javascript qui permet de parser le json

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
function buildMenu(jsoncontent)
{
	var data=eval("(" + jsoncontent + ")");
	document.getElementById("show").innerHTML = data.title + "<br/><br>";
	for(i = 0; i < 3; i++)
	{
	var line = data.last[i].titre + "<br/><br/>";
 
	document.getElementById("titre").innerHTML += line;
 
	var artiste = data.last[i].artiste + "<br/><br/>";
    document.getElementById("artiste").innerHTML += artiste;
 
 
 
 
		var titre_alternatif = data.last_alternatif[i].titre_alternatif + "<br/><br/><br/><br/>";
 
	document.getElementById("titre_webradios").innerHTML += titre_alternatif;
 
 
	var artiste_alternatif = data.last_alternatif[i].artiste_alternatif + "<br/><br/><br/><br/>";
 
	document.getElementById("artiste_webradios").innerHTML += artiste_alternatif;
 
 
 
	var titre_collector = data.last_collector[i].titre_collector + "<br/><br/><br/><br/><br/>";
 
	document.getElementById("titre_webradios").innerHTML += titre_collector;
 
 
	var artiste_collector = data.last_collector[i].artiste_collector+ "<br/><br/><br/><br/>";
 
	document.getElementById("artiste_webradios").innerHTML += artiste_collector;
 
 
	var titre_blues = data.last_blues[i].titre_blues + "<br/><br/><br/>";
 
	document.getElementById("titre_webradios").innerHTML += titre_blues;
 
 
	var artiste_blues = data.last_blues[i].artiste_blues+ "<br/><br/><br/>";
 
	document.getElementById("artiste_webradios").innerHTML += artiste_blues;
 
 
		var titre_inde = data.last_inde[i].titre_inde + "<br/><br/><br/>";
 
	document.getElementById("titre_webradios").innerHTML += titre_inde;
 
 
	var artiste_inde = data.last_inde[i].artiste_inde+ "<br/><br/><br/>";
 
	document.getElementById("artiste_webradios").innerHTML += artiste_inde;
 
 
 
	}
 
}
 
 
var fname = 'dynamic-menu.json';
function loadJSON() 
{
	var xhr=createXHR();
	xhr.open("GET", fname,true);
	xhr.onreadystatechange=function() 
	{
		if (xhr.readyState == 4) 
		{
			if (xhr.status != 404) 
			{
				document.getElementById("titre").innerHTML = "";
				buildMenu(xhr.responseText);
			} 
			else 
			{
				document.getElementById("titre").innerHTML = fname + " not found";
			}
 
		}
	}
	xhr.send(null);
}
 
window.onload = loadJSON;

Sur ma page à afficher, j'ai donc rajouter ce code

Code:

new Ajax.PeriodicalUpdater('loadJSON', 'dynamic-menu.json', {frequency:10, method:'get'});

J'appelle la fonction loadJSON, le fichier json toutes les 10 secondes par la méthode get, c'est bien ça ? Ne serait-ce pas un problème de cache ou autre?

18/06/2010, 18h06
RomainVALERI

1) loadJSON est donc un nom de fonction c'est ça ? or ce n'est pas une fonction de traitement (ou callback) qui est attendue en 1er param, mais bien l'élément sur lequel doit porter la mise à jour périodique... donc effectivement il faudrait voir ton HTML pour en avoir le coeur net ^^

2) parser le JSON alors que tu utilises Prototype ? :koi: Heu... il y a d'excellentes fonctions dans le package Ajax de Prototype pour ça... je t'invite à y jeter un oeil

3) n'oublie pas les balises [code][/code] autour de tes extraits stp
18/06/2010, 18h12
tm75701

C'est bien ce qui me semblait, c'est bien l'id du div qui doit figurer sur le premier paramètre et non une fonction ajax. Une personne m'avait confirmé qu'on pouvait y placer une fonction ajax, et bien il s'est trompé. ^^

je vais tenter de parser le json avec le prototype.js mais malheureusement je n'y connais pas grand chose en ajax.

Merci