XMLHttpRequest fonctionne sous FireFox mais pas sous IE11

Version imprimable

Voir 40 message(s) de cette discussion en une page

05/03/2018, 19h11
psychadelic

Citation:

Envoyé par NoSmoking

Revenons un peu en arrière
Si IE11 plante uniquement sur le 2^éme appel :
• est-ce que tu as essayé de lancer c 2^éme appel directement en mettant une valeur en dur dans ton code.

Il ne peut pas vraiment le 2° appel avant le premier, puisque ce dernier est fait sur le 2e <select qui ne peut être rempli que par l'appel fait par le premier <select...

Et dans la mesure ou son truc fonctionne parfaitement avec un autre navigateur que IE, et qu'une simple recherche sur Google indique des milliers de pages relative à des problèmes Ajax sur IE, j'ai tendance à croire que son code ne peut être cause.

Perso j'aurai mis ça avec 2 Fetch avec le polyfill pour IE11 et il y a de fortes chances que ce problème s'évapore; ppour au final avoir un code 100 fois plus lisible. 8-)
06/03/2018, 00h05
psychadelic

code erroné... :/
08/03/2018, 08h47
Supernatural

Bonjour,

Je me retourne vers vous en urgence, car mon projet fonctionnait bien sous FF et ce matin plus rien ne fonctionne (l'alimentation des combobox en cascade via ajax)...

Auriez-vous une solution alternative et "propre" s'il vous plâit.

Merci par avance pour votre aide.
08/03/2018, 12h49
psychadelic

et quoi?
pas de trace, pas de code rien ?
on doit tout deviner ?
que dit le debugger ?
08/03/2018, 14h26
NoSmoking
Citation:

Envoyé par psychadelic

Il ne peut pas vraiment le 2° appel avant le premier, puisque ce dernier est fait sur le 2e <select qui ne peut être rempli que par l'appel fait par le premier <select...

Rien n'empêche de :
- faire un appel à la page.php directement dans la barre avec les paramètres qui vont biens ;
- mettre une valeur en dur directement dans la page HTML.
c'est souvent une bonne façon de déboguer.

Citation:

Envoyé par Supernatural

Je me retourne vers vous en urgence, car mon projet fonctionnait bien sous FF et ce matin plus rien ne fonctionne

tu as été moins rapide pour nous fournir le résultat des tests demandés ainsi que le code HTML généré utilisé. Tu comprendras que l'on ne peut rien de plus pour toi.

@psychadelic : dans ton dernier code, ta fonction makeRequest n'est pas appelée.

Citation:

Envoyé par NoSmoking

@psychadelic : dans ton dernier code, ta fonction makeRequest n'est pas appelée.

Ah, oui, merci ;)

Du coup voiciu le code corrigé...

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
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!doctype html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title> double HTTP request </title>
</head>
<body>
 
  <div class="form-group">
    <label>Ligne:</label>
    <select class="form-control" style="width:auto" id="ligne" name="ligne">
      <option id="lx" value="lin_xxx" selected>ligne xxx </option>
      <option id="la" value="lin_aaa">ligne aaa </option>
      <option id="lb" value="lin_bbb">ligne bbb </option>
      <option id="lc" value="lin_ccc">ligne ccc </option>
      <option id="ld" value="lin_ddd">ligne ddd </option>
      <option id="le" value="lin_eee">ligne eee </option>
    </Select>
  </div>
 
  <div class="form-group">
    <label>Cellule:</label>
    <select class="form-control" style="width:auto" id="cellule" name="cellule">
      <option id="cx" value="cel_xxx" selected>cellule xxx </option>
      <option id="ca" value="cel_aaa">cellule aaa </option>
      <option id="cb" value="cel_bbb">cellule bbb </option>
      <option id="cc" value="cel_ccc">cellule ccc </option>
      <option id="cd" value="cel_ddd">cellule ddd </option>
      <option id="ce" value="cel_eee">cellule eee </option>
      <option id="cf" value="cel_fff">cellule fff </option>
    </select>
    <br>
  </div>
 
  <div class="form-inline">
    <br />
    <label for="sel1">Emplacement sur le poste:</label>
    <select class="form-control" style="width:auto" id="location" name="location"></select>
  </div>
 
 
  <script type="text/javascript">
    var
      list_ligne = document.getElementById('ligne'),
      list_cellule = document.getElementById('cellule'),
      list_location = document.getElementById('location');
 
    list_ligne.addEventListener('change', f_changement_ligne, false); // loadCells
    list_cellule.addEventListener('change', f_changement_cellule, false); // Loadlocation
 
 
    function f_changement_ligne(e) {
      /*
        console.log(this.value);
        console.log(this.selectedIndex);
        console.log(this.options[this.selectedIndex].id);
      */
 
      var call_ligne = "Ajaxloadcells.php";
      call_ligne += "?line=" + this.value; // list_ligne.options[list_ligne.selectedIndex].id;
      call_ligne += "&idtool=<?PHP echo $Tool?>";
      call_ligne += "&idtooltype=<?PHP echo $id_tooltype?>";
      // console.log ( call_ligne );
 
      f_Ajax_Factorized(call_ligne, list_cellule);
    }
 
    function f_changement_cellule(e) {
      /*
        console.log(this.value);
        console.log(this.selectedIndex);
        console.log(this.options[this.selectedIndex].id);
      */
 
      var call_cellule = "ajaxloadlocationtool.php";
      call_cellule += "?idline=" + list_ligne[list_ligne.selectedIndex].value;
      call_cellule += "&idcell=" + this.value; // "&idcell=" + cellule.options[cellule.selectedIndex].id;
      call_cellule += "&idtool=<?PHP echo $Tool?>";
      // console.log ( call_cellule );
 
      f_Ajax_Factorized(call_cellule, list_location);
    }
 
    function f_Ajax_Factorized(call_php, listCible) {
 
      var httpRequest = new XMLHttpRequest();
 
      if (!httpRequest) {
        alert('Giving up :( Cannot create an XMLHTTP instance');
        return false;
      }
      httpRequest.onreadystatechange = alertContents;
      httpRequest.open('GET', call_php);
      httpRequest.send();
 
      function alertContents() {
        if (httpRequest.readyState === XMLHttpRequest.DONE) {
          if (httpRequest.status === 200) {
            listCible.innerHTML = httpRequest.responseText;
          } else {
            alert('There was a problem with the request.');
          }
        }
      }
    }
  </script>
</body>
</html>

Bonjour,

Merci à tous pour vos réponses. J'ai recodé de façon plus 'propre' (non sans peine), et ça fonctionne sous IE et FF

Pour info:

Page main.php:

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
 
	<script type="text/javascript">
$(document).ready(function(){
    $('#ligne').on('change',function(){
        var lineID = $(this).val();
		var toolID = <?PHP echo $Tool?>;
		var tooltypeID = <?php echo $id_tooltype ?>;
        if(lineID){
            $.ajax({
                type:'POST',
                url:'ajaxData.php',
                data:'line_id='+lineID+'&tooltype_id='+tooltypeID+'&tool_id='+toolID,
                success:function(html){
                    $('#cellule').html(html);
                    $('#location').html('<option value="">Sélectionner cellule avant</option>'); 
                }
            }); 
        }else{
            $('#cellule').html('<option value="">Sélectionner ligne avant</option>');
            $('#location').html('<option value="">Sélectionner cellule avant</option>'); 
        }
    });
 
    $('#cellule').on('change',function(){
        var cellID = $(this).val();
		var cellIDx = $('#cellule').val();
		var toolID = <?PHP echo $Tool?>;
		var tooltypeID = <?php echo $id_tooltype ?>;
		var lineIDx = $('#ligne').val(); 
 
        if(cellID){
            $.ajax({
                type:'POST',
                url:'ajaxData.php',
                data:'line_idx='+lineIDx+'&cell_id='+cellID+'&cell_idx='+cellIDx+'&tool_id='+toolID+'&tooltype_id='+tooltypeID,
                success:function(html){
                    $('#location').html(html);
                }
            }); 
        }else{
            $('#location').html('<option value="">Select cell first</option>'); 
        }
    });
});
</script>

ajaxData.php:

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
59
60
61
62
63
 
<?php
//Include the database configuration file
include 'dbConfig.php';
 
if(!empty($_POST['line_id'])){
    //Fetch all data
        
        $query_toolinfo = "SELECT * FROM gmao.idtools WHERE gmao.idtools.ID = ".$_POST['tool_id']." ";
        $query_toolinfo_result = $db->query($query_toolinfo);
 
        /* Tableau associatif */
        $query_toolinfo_result_row = $query_toolinfo_result->fetch_array(MYSQLI_ASSOC);
        //echo $query_toolinfo_result_row['Prefix'], " | ", $query_toolinfo_result_row['QRTool'], " | ", $query_toolinfo_result_row['ID_tooltype'];
                
        /* Récupération des cellules en fonction de la ligne sélectionnée */
        $Query_cells = $db->query("SELECT distinct(ID_cell), lines.ID, Cellnumber, Cellname FROM gmao.location, gmao.lines, gmao.cells
                                                                WHERE
                                                                        gmao.location.ID_tool='".$query_toolinfo_result_row['ID_tooltype']."'
                                                                AND 
                                                                        gmao.cells.ID=gmao.location.ID_cell
                                                                AND 
                                                                        gmao.lines.ID=gmao.cells.ID_line
                                                                AND
                                                                        gmao.lines.ID= '".$_POST['line_id']."'");
                                                                        
        //Count total number of rows
        $Query_cells_rowCount = $Query_cells->num_rows;
        
        if($Query_cells_rowCount > 0){
                        echo '<option value="">Sélectionnez la cellule</option>';
        while($Query_cells_row = $Query_cells->fetch_assoc()){ 
            echo '<option value="'.$Query_cells_row['ID_cell'].'">'.$Query_cells_row['Cellnumber'].' - '.$Query_cells_row['Cellname'].'</option>';
        }
    }else{
        echo '<option value="cellule_default">Cellule non disponible</option>';
    }
}elseif(!empty($_POST['cell_id'])){
        /*Emplacement sur station*/
        $Query_location     = $db->query("SELECT ID_cell, lines.ID, location, location_add FROM gmao.location, gmao.lines, gmao.cells
                                                                WHERE
                                                                        gmao.location.ID_tool='".$_POST['tooltype_id']."'
                                                                AND 
                                                                        gmao.cells.ID=gmao.location.ID_cell
                                                                AND 
                                                                        gmao.lines.ID=gmao.cells.ID_line
                                                                AND
                                                                        gmao.lines.ID='".$_POST['line_idx']."'
                                                                AND
                                                                        gmao.cells.ID='".$_POST['cell_idx']."'");
                                                                        
        //Count total number of rows
        $Query_location_rowCount = $Query_location->num_rows;
 
        if($Query_location_rowCount > 0){
                echo '<option value="">Sélectionnez un emplacement</option>';
        while($Query_location_row = $Query_location->fetch_assoc()){ 
            echo '<option value="'.$Query_location_row['location'].' '.$Query_location_row['location_add'].'">'.$Query_location_row['location'].' '.$Query_location_row['location_add'].'</option>';
        }
    }else{
        echo '<option value="cellule_default">Emplacement non disponible</option>';
}}
?>

Merci à tous, sujet résolu

09/03/2018, 14h25
psychadelic

Citation:

Envoyé par Supernatural

Merci à tous, sujet résolu

Et bien content pour toi, mais tu aurais pu nous dire que tu pouvais utiliser jQuery, on aurait perdu moins de temps...

sinon, il y a un flag a mettre dans ce forumm pour indiquer que ton pb est résolu.

Voir 40 message(s) de cette discussion en une page