Discussion :

[mezsanno]

Bonjour,
j'ai un soucis avec la récupération des valeurs des checkboxs cochés pour le traitement en ajax.
Pour etre plus claire, j'avais un traitement sur un ensemble de cases à cocher, je veux savoir comment faire pour les recuperer (sous forme de tableau par exemple!!) pour pouvoir faire un traitement commun sur tous les cases cochées.
je vais vous donner un flash sur ce que j'ai déjà essayer, et vous m'aideriez si possible à savoir l'erreur:
ajax.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
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
 
/*
 * creates a new XMLHttpRequest object which is the backbone of AJAX,
 * or returns false if the browser doesn't support it
 */
function getXMLHttpRequest() {
  var xmlHttpReq = false;
  // to create XMLHttpRequest object in non-Microsoft browsers
  if (window.XMLHttpRequest) {
    xmlHttpReq = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    try {
      // to create XMLHttpRequest object in later versions
      // of Internet Explorer
      xmlHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (exp1) {
      try {
        // to create XMLHttpRequest object in older versions
        // of Internet Explorer
        xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (exp2) {
        xmlHttpReq = false;
      }
    }
  }
  return xmlHttpReq;
}
/*
 * AJAX call starts with this function
 */
function calculerReq(id) {
  var xmlHttpRequest = getXMLHttpRequest();
  var check2 = document.getElementById('checkbox2').checked;
  var check3 = document.getElementById('checkbox3').checked;
  var check4 = document.getElementById('checkbox4').checked;
  var check5 = document.getElementById('checkbox5').checked;
  var check6 = document.getElementById('checkbox6').checked;
  var check7 = document.getElementById('checkbox7').checked;
  var check8 = document.getElementById('checkbox8').checked;
  var check9 = document.getElementById('checkbox9').checked;
  var check10 = document.getElementById('checkbox10').checked;
 
  /**ControlsArray=document.getElementsByTagName("check");
  tab;
  j=0;
  for(var i=0; i< ControlsArray.length; i++)
{
 
	        if(ControlsArray[i].checked)
 
	      {
 
	     tab[j]=ControlsArray[i].value+"";
	     j++;
	      }
}**/
  xmlHttpRequest.onreadystatechange = getReadyStateHandler(xmlHttpRequest,id);
  xmlHttpRequest.open("POST", "calculAjax.do?check2="+check2+" check3="+check3+"check4="+check4+" check5="+check5+"check6="+check6+" check7="+check7, true);
  xmlHttpRequest.setRequestHeader("Content-Type",
      "application/x-www-form-urlencoded");
  xmlHttpRequest.send(null);
}
 
/*
 * Returns a function that waits for the state change in XMLHttpRequest
 */
function getReadyStateHandler(xmlHttpRequest,id) {
 
  // an anonymous function returned
  // it listens to the XMLHttpRequest instance
  return function() {
    if (xmlHttpRequest.readyState == 4) {
      if (xmlHttpRequest.status == 200) {
        document.getElementById(id).innerHTML = xmlHttpRequest.responseText;
      } else {
        alert("HTTP error " + xmlHttpRequest.status + ": " + xmlHttpRequest.statusText);
      }
    }
  };
}

avec bien sur checkbox1 , checkbox2.... sont les id des checkbox

[andry.aime]

Bonjour,

1- tu dois séparer les variables par "&".
2- fais attention aux espaces que tu a glissé dans l'url.
3- Comme tu passes les variables dans l'url, utilise "GET" à la place de POST.

Code :

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

xmlHttpRequest.open("POST", "calculAjax.do?check2="+check2+"&check3="+check3+"&check4="+check4+"&check5="+check5+"&check6="+check6+"&check7="+check7, true);

A+.

[mezsanno]

Merci bien pour l'aide.
ça va ça marche bien.
)))))
merciiiiii.