Discussion :

[Navyel]

Bonjour à tous !

Ceci est mon premeir message dans ce forum et après beaucoup de recherches sans réponses, j'espere ne pas enfreindre de règles.

Je developpe actuellement une application de galerie d'image en ajax (avec php comme langage serveur).

tout marche bien, excepté, un problème lors de la suppression d'images. Lorsque je supprime l'image (en ajax) la page ne se recharge pas (c ce que je veux c pour ca que je le fais en ajax) mais si l'image est correctement supprimée, elle n'est pas supprimée de la mémoire cache. Je suis obligé de réactualiser la page, malgré les balise header() permettant de vider le cache pour que la suppression soit prise en compte à l'oeil de l'internaute.

autrement, l'image supprimée semble toujorus présente pour l'internaute, ce qu iest problématique.

autrement dit, le but serait de vider le cache dynamiquement, sans avoir a recharger toute la page. est-ce possible ? si oui, comment ?

j'espere avoir été assez clair, et je vous remercie de vos réponses !

[magnus2005]

Quel est ton probleme fonctionelle ?

Au niveau technique :

Code :

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

but serait de vider le cache dynamiquement, sans avoir a recharger toute la page. est-ce possible ? si oui, comment ?

Non pas explicitement et pas en javascript et/ou en HTML

Au niveau technique pour contourner le probleme c est en generale d ajouter un timestamp a tes resources, mais la je vois pas quelle est le souci pour l'utilisateur ?

Il revoit une ancienne image dans son browser ?

[SpaceFrog]

envoie ta requete avec un timestamp ...

[Navyel]

Au niveau technique pour contourner le probleme c est en generale d ajouter un timestamp a tes resources, mais la je vois pas quelle est le souci pour l'utilisateur ?

Il revoit une ancienne dans son browser ?

Exactement. En fait, lorsqu'un utilisateur supprime une de ses photos, je renomme la derniere photo de la base de données du même album avec omme nouveau nom le nom de la photo supprimée et je supprime la dernière entrée de la table dans ma base de données.

Rien ne vaut un peu de code :

Voici la requete ajax :

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
 
//On instancie l'objet Xhr
var req_delete_photo = getHttpObject();
 
// Suppression de la photo
function delete_photo(photo, defaut)
{
	req_delete_photo.open('GET', 'modules/photos/delete_photo.php?photo=' + photo,true); //on passe la photo en parametre dans l'url
	req_delete_photo.onreadystatechange = resp_delete_photo;
	req_delete_photo.send(null);
}
 
function resp_delete_photo()
{
	$("photo_plus").style.display = "block"; //on rend le bloc "photo_plus" visible"
	if (req_delete_photo.readyState == 4)
	{
		if (req_delete_photo.status == 200)
		{	
			$("photo_plus").innerHTML = req_delete_photo.responseText; //affichage de la reponse du serveur dans "photo_plus"
			setTimeout("display_photo(0,-1)",100); //reafichage de la photo
		}
		else
			$("photo_plus").innerHTML = "Suppression impossible en raison d'une erreur serveur";
	}
	else
		$("message").innerHTML = "Suppression en cours...";
 
}

Et voici une petite partie du code php du fichier delete_photo.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
 
$photo = $_GET['photo']; //photo correspond à l'url de la photo
$last_photo = $photos[sizeof($photos)-1]->url; //last_photo est la derniere photo de l'album du même user
 
unlink($photo); //on supprime la photo
rename($last_photo,$photo); //on renomme la derniere photo
 
$sql="DELETE FROM photos WHERE photos.id_user='$id' AND photos.url = '$last_photo'";
$delete=db_query($sql);
 
?>

Donc voila effectivement un timestamp peut être la solution mais comment l'intégrer ?

Merci pour vos réponses !

[SpaceFrog]

Code :

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

	req_delete_photo.open('GET', 'modules/photos/delete_photo.php?photo=' + photo+'& '+new Date(),true);

[magnus2005]

Pour le timestamp suffit de mettre du code bidon mais créeant une URL unique :

Code :

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

1
2
3
var date = new Date();
var myurl ="modules/photos/delete_photo.php?photo=" + photo +"&timestamp=" + date.getTime();
xhr.open("GET",myurl,true);

[Navyel]

Je vous remercie, malheureusement ca ne marche toujours pas.

J'ai rajouté le timestamp, mais malgré tout il ne vide pas le cache. aurais-je un problème avec mes header ?

Code :

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

1
2
3
4
 
header('Cache-Control: no-store, no-cache, must-revalidate');
header('Cache-Control: post-check=0, pre-check=0', false);
header('Pragma: no-cache');

Ils sont présents dans la page php d'affichage de photo et dans la page php de suppression de photo delete_photo.php

ou alors il y a une autre manipulation a faire avec le timestamp ?

[SpaceFrog]

en fait tu veux juste faire une mise à jour visuelle pour le client ...

fais une petit fonction javascript qui supprimera l'element du visuel ....

elle est l'image dasn le code de la page ?