Refresh Ajax Php

**ccsuperstar** · 04/02/2008, 16h34

Bonjour à tous,

Voilà, je dois afficher sur une page produit une offre de pub, mais j'en ai plusieurs qui doivent tourner de manière aléatoire. Je pensais donc faire cet affichage aléatoire en php.
Mais le problème est que cette page est en cache (pour des questions de rapidité d'affichage), donc à moins de vider le cache à chaque fois, ce sera toujours la même offre qu'i s'affichera.

Plusieurs personnes m'ont dit de le faire en Ajax, mais vu que je n'y connais pas grand chose pour le moment (eh oui il faut que je m'y mette!!!), que me conseillez vous?
Il faudrait un refresh toutes les 20 30 secondes

Merci par avance pour vos réponses

**picwic** · 05/02/2008, 13h02

Salut,

Pour faire de l'Ajax simplement, tu peux utiliser la librairie javascript Prototype (http://prototypejs.org/).

Ensuite, pour implémenter une mise à jour périodique => http://prototypejs.org/api/ajax/periodicalUpdater.

+

**ccsuperstar** · 05/02/2008, 13h15

Merci pour ta réponse
Je suis allée sur Prototype pour regarder periodicalUpdater(), mais je dois avouer que je suis un peu larguée.
Comment on l'utilise?

**picwic** · 05/02/2008, 13h50

1. télécharge et installe la librairie prototype.js sur le serveur
2. dans le <head> de ta page HTML, ajoute un lien pour la charger

Code :

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

<script language="javascript" type="text/javascript" src="chemin/vers/prototype.js"></script>

3. écris un script PHP qui récupére l'image aléatoirement (get_random_img.php)
4. ajoute un conteneur dans le <body> de ta page HTML pour recevoir l'image

Code :

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

<div id="image_pub"></div>

5. ajoute l'appel AJAX (frequency est le raffraichissement en secondes)

Code :

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

1
2
3
4
5
6
 
<script type="text/javascript">
  new Ajax.PeriodicalUpdater('image_pub', 'http://www.site.com/.../get_random_img.php', {
    frequency: 5
  });
</script>

Un exemple ici :
http://prototype.js.le-developpeur-web.com/Ajax.PeriodicalUpdater.CONSTRUCTOR().php

**ccsuperstar** · 05/02/2008, 18h34

En fait je vais avoir 3 4 blocs a afficher en aléatoire, donc je pensais créer une variable php pour chaque bloc, mais pas forcement faire appel à un autre fichier

Est ce qu'en Javascript avec un tableau et un setInterval, ca serait possible?

**picwic** · 06/02/2008, 14h19

Si on suit mon idée, le fichier get_random_img.php contiendrait :

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
 
...
// initialise les offres
$pub_offres = array();
$pub_offres[] = '<img src="chemin/vers/images/offre1.jpg">';
$pub_offres[] = '<img src="chemin/vers/images/offre2.jpg">';
$pub_offres[] = '<img src="chemin/vers/images/offre3.jpg">';
$pub_offres[] = '<img src="chemin/vers/images/offre4.jpg">';
 
// mélange les offres
srand((float)microtime()*1000000);
shuffle($pub_offres);
 
// mise en forme de ta sortie HTML (ici images côtes à côtes par ex.)
$html_output = implode("", $pub_offres);
 
// envoi la réponse
echo $html_output;
...

Mais tu vas dire que je ne réponds pas à ta question..

**Macfplus** · 14/03/2008, 17h29

Envoyé par picwic

1. télécharge et installe la librairie prototype.js sur le serveur
2. dans le <head> de ta page HTML, ajoute un lien pour la charger

Code :

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

<script language="javascript" type="text/javascript" src="chemin/vers/prototype.js"></script>

3. écris un script PHP qui récupére l'image aléatoirement (get_random_img.php)
4. ajoute un conteneur dans le <body> de ta page HTML pour recevoir l'image

Code :

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

<div id="image_pub"></div>

5. ajoute l'appel AJAX (frequency est le raffraichissement en secondes)

Code :

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

1
2
3
4
5
6
 
<script type="text/javascript">
  new Ajax.PeriodicalUpdater('image_pub', 'http://www.site.com/.../get_random_img.php', {
    frequency: 5
  });
</script>

Un exemple ici :
http://prototype.js.le-developpeur-web.com/Ajax.PeriodicalUpdater.CONSTRUCTOR().php

Hello!
Je viens d'essayer d'utiliser ce code, mais au bout du délai donné (chez moi 15sec) on dirait qu'il essaie de raffraichir la page dans la div, mais elle ne s'affiche plus...
Si quelqu'un pouvait m'aider?
Merci d'avance
Je précise que je découvre l'ajax...
Bonne journée

**Macfplus** · 14/03/2008, 19h13

Je viens également de tenter ce code:

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
31
32
33
34
35
36
37
38
39
 
 
<head>
 
        <script type="text/javascript">
function Refresh("texte_radio","./OnAir.php") {
var xhr_object = null;   
if(window.XMLHttpRequest)
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject)
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else {
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
return;
}
xhr_object.open("POST", "./OnAir.php" , true);
xhr_object.onreadystatechange = function() {
  if(xhr_object.readyState == 4) {
   document.getElementById("texte_radio").innerHTML = xhr_object.responseText;
   setTimeout("Refresh("texte_radio","./OnAir.php")",10000);
  }
}
xhr_object.send(null);
}
        </script>
 
</head>
 
 
 
<body onLoad="Refresh('texte_radio', './OnAir.php');">
 
 
 
<div id="texte_radio">
  <?php include ("./OnAir.php");?>  
</div>
 
</body>

Mais rien ne se passe...

Refresh Ajax Php

Bibliothèques & Frameworks

Vue hybride

Discussions similaires

Partager

Partager