[AJAX] Ajax et l'actualisation de la page

**simotaqi** · 23/02/2010, 13h35

bonjour , j'ai une seule question en ce qui concerne le fonctionnement ajax.
bon, je suis un débutant habitué à ajax.
ma question est:
1-si je fait un petit projet ajax, je vois que si j'actualise la page , tout les résultat retourné par ajax vont disparaître. Comment éviter ce fait???
et merci d'avance

**E.Bzz** · 01/03/2010, 17h58

Bonjour,

Envoyé par simotaqi

Comment éviter ce fait???

n'utiliser Ajax que lorsque cela est nécessaire et pertinent

Envoyé par simotaqi

1-si je fait un petit projet ajax, je vois que si j'actualise la page , tout les résultat retourné par ajax vont disparaître. Comment éviter ce fait???

Ce n'est pas tout à fait exact : ce qui disparait ne concerne que la structure de ta page : si ton script Ajax ajoute/modifie un élément (un div, span ou autre) dans la page pour rendre compte du traitement Ajax, effectivement cet élément ne sera plus présent après un CTRL+F5.
Par contre, si ce même traitement modifie une info (disons l'email) du pseudo sélectionné, lorsque tu feras un CTRL+F5, l'info récemment modifiée sera bien affiché correctement (ici le nouvel email). Sous réserve, bien sûr, qu'il soit prévu d'afficher cette info dans la page dès son chargement.

Pourrais-tu décrire un cas concret ?

A+

**simotaqi** · 03/03/2010, 13h04

Merci de votre réponse:
ici , je le code d'un petit project que j'ai réalisé avec la technologie ajax, si tu peux me donner une solution pour ne pas perdre les résultats de la réponse,
il s'agit d'une application dans laquelle on entre une adresse d'une page web
et il nous retourne les mots clés...

coté client (code 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
15
 
<html>
<head>
<title>Recherche des mots clé</title>
<script type="text/javascript" language="JavaScript" src="fonctions.js"></script>
<body>
<form method="POST">
<h1>Mots Clé</h1>
<br>URL: Http:// <input type="text" id="url"></input></br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" id="recherche" class="recherche" onclick="callAjax('keywords.php?myurl='+document.getElementById('url').value,'displaydiv','data loading...,please wait!')" value="  rechercher  "></input>
<br><div id="displaydiv" class="displaydiv"></div>
</form>
</body>
</head>
</html>

le code du coté javascript (fonctions.js)

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
 
function callAjax(myurl,myelm){
var req=null;
try{
req=new XMLHTTPRequest();
}
catch(err1){
      try{
      req=new ActiveXObject("Msxml2.XMLHTTP");
      }
      catch(err2){
      try{
      req=new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(err3){
      req=null;
      }
      }
}
req.onreadystatechange=function(){
if(req.readyState==4){
if(req.status==200){
document.getElementById("displaydiv").innerHTML=req.responseText;
}
}
else{
document.getElementById("displaydiv").innerHTML='<center><image src="load.gif"></image></center>';
}
}
req.open("GET",myurl,true);
req.send(null);
}

et enfin le code du coté serveur , (keywords.php)

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
 
<?php
$tags = @get_meta_tags('http://'.$_GET['myurl']);
$result = $tags['description'];
$liens=$tags['keywords'];
if(strlen($result) > 0){
echo $result;
if(strlen($liens)>0){
echo '<br><a href="http://'.$_GET['myurl'].'" target="_blank">'.$liens.'</a></br>';
}
} 
else {
echo "No keywords metatag is available for ";
echo $_GET['myurl'];
}
?>

Aprés test, sans doute tu verras que l'actualisation de la page causera le probleme de perter des mots clés de la derniere recherche, comment faire pour eviter cela dans cette exemple???
et merci encore

**E.Bzz** · 03/03/2010, 13h54

Envoyé par simotaqi

Aprés test, sans doute tu verras que l'actualisation de la page causera le probleme de perter des mots clés de la derniere recherche, comment faire pour eviter cela dans cette exemple???

Il faudrait soit effectuer ton traitement PHP (récupération des mots clés) lors de la génération de la page (donc sans Ajax cette fois), soit relancer ton appel Ajax dans le onload du <body>.
Dans les 2 cas, tu peux utiliser une variable session PHP (mis à jour lors de ton appel Ajax actuel) pour savoir si il faut déclencher ce traitement "palliatif".

A+

**simotaqi** · 03/03/2010, 15h52

merci pour votre réponse , je vais utiliser les sessions pour garder les donneés apres actualisation

[AJAX] Ajax et l'actualisation de la page

AJAX

Vue hybride

Discussions similaires

Partager

Partager