Problème variable avec Ajax

[lau17]

Bonjour
Je suis en train de développer un panier en utilisant Ajax.
Mon problème c'est que j'aimerais récupérer une variable dans l'adresse de traitement pour que le bon div affiche le résultat:voila mon div:

Code html :

1
2
3
4
5
6
7
8
9
<div class="form1">
<form name="panierform1" action="#">
	<input type="hidden" name="q" value="1" >
	<input type="hidden" name="p" value="2.50" >
	<input type="hidden" name="l" value="Fleur de sel" >
	<input type="hidden" name="d" value="0.250" >
	<input value="Ajouter au panier" type="button" onclick="JavaScript:xmlhttpPost('panier10.php?n=1&action=ajout')">
</form>
<div id="result1">

c'est la variable n que j'aimerais récupérer pour m'en servir ici:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function getquerystring() {
	 var n = ???
    var form = document.forms['panierform' + n];
    var q = form.q.value;
    var p = form.p.value;
    var l = form.l.value;
    var d = form.d.value;
    qstr = 'q=' + q + '&l=' + l + '&p=' + p + '&d=' + d;
    // Remarque: pas de '?' avant la chaîne de requête
    return qstr;
}
 
function updatepage(str){
	var n = ?????
	var form = document.forms['panierform' + n];
	var l = form.l.value;
	document.getElementById('result' + n).innerHTML = str;
 
}

Merci d'avance pour votre aide.

[rotrevrep]

bonjour
pour plus d'information, pourrais-tu :
- montrer la fonction xmlHttpPost()
- montrer la page panier10.php

aussi, dans ton onClick, tu n'es pas obligé d'indiqué Javascript: .

[lau17]

ma fonction:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function xmlhttpPost(strURL) {
    var xmlHttpReq = false;
    var self = this;
    // Mozilla/Safari
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    // IE
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    self.xmlHttpReq.open('POST', strURL, true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    self.xmlHttpReq.onreadystatechange = function() {
        if (self.xmlHttpReq.readyState == 4) {
            updatepage(self.xmlHttpReq.responseText);
        }
    }
    self.xmlHttpReq.send(getquerystring());
}

mon fichier panier10.php:

Code php :

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
<?php
session_start();
include_once("fonctions-panier.php");
 
$erreur = false;
$n = $_GET['n'] ;
$action = (isset($_POST['action'])? $_POST['action']:  (isset($_GET['action'])? $_GET['action']:null )) ;
if($action !== null)
{
   if(!in_array($action,array('ajout', 'suppression', 'refresh', 'suppressionPanier')))
   $erreur=true;
 
   //récuperation des variables en POST ou GET
   $l = (isset($_POST['l'])? $_POST['l']:  (isset($_GET['l'])? $_GET['l']:null )) ;
   $p = (isset($_POST['p'])? $_POST['p']:  (isset($_GET['p'])? $_GET['p']:null )) ;
   $q = (isset($_POST['q'])? $_POST['q']:  (isset($_GET['q'])? $_GET['q']:null )) ;
   $d = (isset($_POST['d'])? $_POST['d']:  (isset($_GET['d'])? $_GET['d']:null )) ;
 
   //Suppression des espaces verticaux
   $l = preg_replace('#\v#', '',$l);
   //On verifie que $p soit un float
 
 
   //On traite $q qui peut etre un entier simple ou un tableau d'entier
 
   if (is_array($q)){
      $QteArticle = array();
      $i=0;
      foreach ($q as $contenu){
         $QteArticle[$i++] = intval($contenu);
      }
   }
   else
   $q = intval($q);
 
}
 
if (!$erreur){
   switch($action){
      Case "ajout":
         ajouterArticle($l,$q,$p,$d);
         break;
 
      Case "suppression":
         supprimerArticle($l);
         break;
 
      Case "refresh" :
         for ($i = 0 ; $i < count($QteArticle) ; $i++)
         {
            modifierQTeArticle($_SESSION['panier']['libelleProduit'][$i],round($QteArticle[$i]));
         }
         break;
      Case "suppressionPanier":
         supprimePanier();
         break;
 
      Default:
         break;
   }
}
 
?>
 
<table style="width: 400px">
	<tr>
		<td colspan="4">Votre panier</td>
	</tr>
	<tr>
		<td>Libell&eacute;</td>
		<td>Quantit&eacute;</td>
		<td>Prix Unitaire</td>
		<td>Action</td>
	</tr>
 
 
	<?php
	if (creationPanier())
	{
	   $nbArticles=count($_SESSION['panier']['libelleProduit']);
	   if ($nbArticles <= 0)
	   echo "<tr><td>Votre panier est vide </ td></tr>";
	   else
	   {
	      for ($i=0 ;$i < $nbArticles ; $i++)
	      {
	         echo "<tr>";
	         echo "<td>".htmlspecialchars($_SESSION['panier']['libelleProduit'][$i])."</ td>";
	         echo "<td>".htmlspecialchars($_SESSION['panier']['qteProduit'][$i])."</td>";
	         echo "<td>".htmlspecialchars($_SESSION['panier']['prixProduit'][$i])."</td>";
	         echo "<td></td>";
	         echo "</tr>";
	      }
 
	      echo "<tr><td colspan=\"2\"> </td>";
	      echo "<td colspan=\"2\">";
	      echo "Total : ".MontantGlobal();
	      echo "</td></tr>";
 
	       echo "<tr><td colspan=\"2\"> </td>";
	      echo "<td colspan=\"2\">";
	      echo "Poid : ".PoidGlobal();
	      echo "</td></tr>";
 
	   }
	}
	?>
</table>

merci

[rotrevrep]

la balise code, svp !
et ne m'envoie pas la même chose en MP ! ^^

[lau17]

trompé de bouton
mdr
novice sur le forum

[rotrevrep]

alors si tu utilise une requête AJAX avec POST, tu dois envoyer les paramètres à part :

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
function xmlhttpPost(strURL,n,params) {
    var xmlHttpReq = false;
    var self = this;
    // Mozilla/Safari
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    // IE
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    self.xmlHttpReq.open('POST', strURL, true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
self.xmlHttpReq.setRequestHeader("Content-length", params.length);
self.xmlHttpReq.setRequestHeader("Connection", "close");
 
    self.xmlHttpReq.onreadystatechange = function() {
        if (self.xmlHttpReq.readyState == 4) {
            updatepage(self.xmlHttpReq.responseText,n);
        }
    }
    self.xmlHttpReq.send(params);
}
 
 
function updatepage(str){
	var n = ?????
	var form = document.forms['panierform' + n];
	var l = form.l.value;
	document.getElementById('result' + n).innerHTML = str;
 
}

puis :

Code :

xmlhttpPost('panier10.php',n,getquerystring()) // là, params est donnée à titre d'exemple :)

[lau17]

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
<script language="Javascript">
function xmlhttpPost(strURL) {
    var xmlHttpReq = false;
    var self = this;
    // Mozilla/Safari
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    // IE
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    self.xmlHttpReq.open('POST', strURL, true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    self.xmlHttpReq.onreadystatechange = function() {
        if (self.xmlHttpReq.readyState == 4) {
            updatepage(self.xmlHttpReq.responseText);
        }
    }
    self.xmlHttpReq.send(getquerystring());
}
 
function getquerystring() {
	 var n = getParamValue('n','strURL') ;
    var form = document.forms['panierform' + n];
    var q = form.q.value;
    var p = form.p.value;
    var l = form.l.value;
    var d = form.d.value;
    qstr = 'q=' + q + '&l=' + l + '&p=' + p + '&d=' + d;
    // Remarque: pas de '?' avant la chaîne de requête
    return qstr;
}
 
function updatepage(str){
	var n = getParamValue('n','strURL') ;
	var form = document.forms['panierform' + n];
	var l = form.l.value;
	document.getElementById('result' + n).innerHTML = str;
 
}
</script>

Je précise qu'il n'y a pas de fonction pur récup la variable.
tous les test que j'ai fait n'ont pas marché.

[rotrevrep]

Envoyé par rotrevrep

la balise code, svp !
et ne m'envoie pas la même chose en MP ! ^^

euh...

[lau17]

ok pour la balise code,
j'avais pas bien lu les conditions d'utilisation.

Tout d'abords, merci pour ta réponse.
Juste un problème, dans la ligne

Code :

1
2
 
function xmlhttpPost(strURL,n,params)

sachant que la variable que je veux est n, à quoi sert "params"

et mon "onClick est-il correct?:

Code :

xmlhttpPost('panier10.php?n=1&action=ajout',n,getquerystring())

merci

[rotrevrep]

regarde mon poste à #6, params sont les paramètres à envoyer en POST. donc toi quand tu utilise la fonction, tu mettras getquerystring()