[JQuery] chargement de page Avec IE

**Idleman** · 22/04/2008, 17h55

Voila j'ai utilisé jquery pour me construire une petite shootbox en ajax dont vous pouvez voir l'avancée ici : http://all.pandas.are.free.fr/lib/jquery/idlebox2/

Ca marche impecc sous firefox ,les requetes en bdd d'insert et de select se font bien sans rechargement de la page etc... seulement lorsque l'ont post sous ie , l'insertion dans la bdd se fait bien mais l'affichage des message n'est pas mis a jour (du moins la derniere requete enregistrée ne s'affiche pas ) .

Quelqu'un connais t'il ce probleme ?

voila mon code , n'hesitez pas a me dire si des ameliorations peuvent etre apportées , je debute avec jquery :

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
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
89
90
91
92
 $(document).ready(function(){
 
 
 
 
 
//fonction inputs *
 
 $("#pseudo").focus(function () {$(this).val("");});
 $("#message").focus(function () {$(this).val("");});
 
//
 
 
 
//Fonction sur le clique de poster 
      $("#poster").click(function () {
	$(this).toggleClass("poster2");
 
      if ($(".divpost:first").is(":hidden")) {
        $(".divpost").slideDown("slow");
		$(this).html("Fermer la boite");
      } else {
       $(this).html("Ajouter un message ");
		$(".divpost").slideUp();
 
 
      }
    });
 
//
 
 
 
//Chargement de la page select.php
  var html = $.ajax({
  url: "select.php",
  async: false
 }).responseText;
//On affiche select.php dans la div result
document.getElementById('result').innerHTML = html ;
 
//Lors du clique sur le boutton post
    $('#menu1').bind('click',function(){
//On affiche le chargement pendant la requette
	$("#result").ajaxStart(function(){
document.getElementById('loading').innerHTML="<img src='loader.gif'>Chargement..." ;
 });
//On masque le chargement a la fin de la requette
$("#result").ajaxStop(function(){
document.getElementById('loading').innerHTML=" " ;
 });
//On definis la valeur du champ de texte
  var message = document.getElementById('message').value ;
//On definis la valeur du pseudo
  var pseudo = document.getElementById('pseudo').value ;
//On verifie que le champ de texte n'est pas vide
  if (message==""){
  alert ("Tu m'a pris pour un lapin de six semaines ou quoi? Entre au moins une lettre !");
  }else{
 
  if (pseudo==""){ 
  pseudo="Anonyme";
  }
//On commence la requete , on envoi a post.php la variable name qui contient le contenu du champ de texte 
   $.ajax({
   type: "POST",
   url: "insert.php",
   data: "message="+message+"&pseudo="+pseudo,
   success: function(){
//On actualise select.php   
var html = $.ajax({
  url: "select.php",
  async: false
 }).responseText;
//On vide le champ de texte
document.getElementById('result').innerHTML = html ;
 
document.getElementById('message').value = "" ;
document.getElementById('pseudo').value = "" ;
   }
 });
 
	}
 
	});
 
 
 
 
 
  });

**Idleman** · 25/04/2008, 14h55

Up, si il vous plais je suis vraiment coincé , alors que je suis si proche du but c'est trop bête !

**shaun_the_sheep** · 25/04/2008, 15h01

un problème de cache au niveau de ie surement.

utilise un truc comme cela pour la coté client (html) :

et la meme chose du coté page serveur exemple pour une jsp:

<%
//------------------
//Gestion du cache
//response.setHeader("Cache-Control","no-cache");
response.setHeader("Cache-Control","no-store");
response.setHeader("Pragma","no-cache");
response.setDateHeader ("Expires", 0);

%>

peutr être que ?

**Idleman** · 29/04/2008, 14h41

Ok je vais essayer , merci beaucoup pour ta réponse je commençais a perdre espoir ^^

**Idleman** · 29/04/2008, 15h29

Bon , ça ne marche pas , j'ai pourtant mis :
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<meta http-equiv="Expires" content="0" />
</head>

sur mes pages html et php .

et :

response.setHeader("Cache-Control","no-cache");
response.setHeader("Cache-Control","no-store");
response.setHeader("Pragma","no-cache");
response.setDateHeader ("Expires", 0);

sur ma pages js

Mais rien n'y fais .

Une bonne nouvelle cependant , c'est bien lié au cache de IE , j'ai fait des test et il s'avere que c'est le cache qui refuse l'actualisation .. que faire ?

**Idleman** · 29/04/2008, 15h40

Yeah ! J'ai trouvé la solution , enfin disons que tu m'avais filé la bonne solution beegod , seulement pour mes pages php il fallais mettre header("Cache-Control: no-cache"); au lieu des balises html usuelles , merci beaucoup pour ton aide tu dechire !(et le mot est faible)

**shaun_the_sheep** · 29/04/2008, 18h25

Salut,

T'en mieux pour toi. Sinon n'oublie pas de mettre à résolu ton post.

**Anardil** · 26/05/2008, 12h33

Salut,

ce que je trouve marrant c'est que tu utilises jquery et que tu continues à faire ça :

document.getElementById('result').innerHTML = html ;

au lien de :

$("#result").html(html);

Jquery est là pour te faciliter la tâche, profites en

[JQuery] chargement de page Avec IE

jQuery

Discussions similaires

Partager

Partager