Problème rechargement Internet Explorer

Version imprimable

11/05/2015, 10h58
wantedman27

Problème rechargement Internet Explorer

Bonjour,

Je suis actuellement en stage et je dois développer une application d'envoi de SMS, il y a une notion de gestion de groupe d'envoi, j'ai donc créé une page en jsp qui affiche la liste des groupes de l'utilisateur connecté et une page jsp ne servant qu'à renvoyer sous forme de JSONArray la liste de tous les contacts de ce groupe ensuite dans la page de gestion via un script javascript qui utilise XMLHttpRequest je récupère la liste des contacts pour de les insérer dans un tableau via innerHTML afin de et pourvoir en supprimer et en ajouter de nouveau. Tous ceci fonctionne sur Google Chrome mais le problème est que sur Internet Explorer l'ajout et la suppression se font bien mais la page ne se recharge pas, le tableau garde les même valeur (même apres avoir changer de page puis revenu, ainsi qu’après s'être déconnecté puis reconnecté à l'application.

Merci d'avance à qui aura une réponse à m'apporter.
11/05/2015, 12h07
OButterlin

Un problème de cache à priori... mais sans code, difficile de savoir exactement...

j'ai une page "gestionGroupe.jsp" dans la quelle j'ai un tableau que je remplis via une fonction javascript

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
<table id="formAjout" class="table table-hover table-responsive">
  <thead>
    <th>IDENTITE</th>
    <th>FONCTION</th>
    <th></th>
  </thead>
  <tbody id="contacts" name="listeContact">
  </tbody>
  <tfoot>
    <tr>
      <td>
        <select name="idGsm" class="form-control">
        <%
        JDBC_GSM jdGsm = oJ.getJDBC_Gsm();
        List<Gsm> alG = jdGsm.getGsm();
        for(int i=0; i<alG.size(); i++)
        {
        %>
        <option value="<%= alG.get(i).getIdGsm() %>"><%= alG.get(i).getIdentite() %></option>
        <%
        }
        %>
        </select>
      </td>
      <td><input type="submit" class="btn btn-input" value="Ajouter" /></td>
    </tr>
  </tfoot>
</table>
 
 
<script>
  var http = new XMLHttpRequest(); 
  http.open("GET", "renvoieGroupe.jsp?groupe="+groupeSelect,  true); 
  http.onreadystatechange  = function()
  { 
    document.getElementById("contacts").innerHTML = "";
    if(http.readyState  == 4)
    {
     if(http.status  == 200) 
     {
        var myArr = "";
        myArr = JSON.parse(http.responseText);
        for(var j=0; j<myArr.length;j++)
    {
      var tobj = document.getElementById("contacts");
        var tr = tobj.insertRow(tobj.rows.length);
        var td = tr.insertCell(tr.cells.length);
        var td2 = tr.insertCell(tr.cells.length);
        var td3 = tr.insertCell(tr.cells.length);
       td.innerHTML = myArr[j].identite;
       td2.innerHTML = myArr[j].fonction;
       td3.innerHTML = "<div class=\"btn-group\"><a href=\"controleur?cmd=suppInGroupe&idGsm="+myArr[j].idGsm+"&idGroupe="+myArr[j].idGroupe+"\" class=\"btn btn-danger btn-sm\"><i class=\"glyphicon glyphicon-trash\"></i> Supprimer</a></div>";
    }  
      } 
    }
  }; 
  http.send(null);
</script>

ce script va chercher dans une page "renvoieGroupe.jsp" à qui il envoi en parametre le numero du groupe dans le quelle on se situe un JSONArray contenant l'identité et la fonction de toute les personnes de ce groupe.

Le tableau se rempli bien mais le problème est que dès que j'ajoute une personne, cette personne s'ajoute bien dans la base mais le tableau ne change pas, pourtant j'appelle bien le script dans le onchange de la liste deroulante de selection des groupes et le onload de body. pareil pour la suppression.

11/05/2015, 14h06
wantedman27
c'était bien un problème de cache, en réglant le navigateur ça fonctionne bien, mais y aurait-il un moyen de vider le cache pour éviter que toutes les personnes utilisant l'application doivent modifier les paramètres d'internet explorer ?

Code:

<meta Cache-Control="no-cache"/>

ainsi que
Code:

1 2 3 response.setHeader("Cache-Control", "no-cache, no-store, must-revalidate"); response.setHeader("Pragma", "no-cache"); response.setDateHeader("Expires", 0);
ne fonctionne pas
12/05/2015, 08h58
OButterlin

Le problème vient du fait que ta requête n'a pas changé et donc il récupère les données du cache.
Avec jQuery, tu aurais eu un paramètre pour préciser que tu ne veux pas de cache avec la méthode que tu utilises, il va falloir contourner le problème en générant une partie variable dans la requête, comme ceci

Code:

http.open("GET", "renvoieGroupe.jsp?groupe="+groupeSelect + "&avoidCache=" + new Date().getTime(), true);

le paramètre "avoidCache" ne sera jamais utilisé mais au moins, sa valeur change à chaque requête ;)
12/05/2015, 09h15
wantedman27

super ça marche merci beaucoup :D