[AJAX] erreur XMLHttpRequest
Bonjour,
je souhaite faire une partie "pari sportif gratuit" sur mon site et je suis entrain de faire le panier afin d'ajouter les paris.
Je ne savais pas du tout comment faire étant donné que je débute en langage web et après quelques recherches j'ai commencé a le faire avec du javascript/ajax.
Avec ce que j'ai lu sur le cours AJAX/XMLHttpRequest, j'ai essayé de faire "un panier" mais malheureusement ca ne marche pas(le contraire m'aurais surpris :D ).
Si quelqu'un pouvait analyser mon code et me dire où je me suis trompé ou me dire si je suis completement a l'ouest pour realiser ce que je veux, ca serais vraiment sympa.
Lorsque j'execute ce code le pari ne s'ajoute pas dans le panier.
# ma ligne de pari dans le fichier index.php:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<div class="idaalar">
<table>
<tr class="ecart"></tr>
<tr id="tableau">
<td class="heure">21:00</td>
<td class="match">TEAM 1 - TEAM 2</td>
<td class="cote"><a href="#" name="1" onclick="ajoutpari(this, this.name);" class="bcote">2.40</a></td>
<td class="ecart"></td>
<td class="cote"><a href="#" name="N" onclick="ajoutpari(this, this.name);" class="bcote">2.85</a></td>
<td class="ecart"></td>
<td class="cote"><a href="#" name="2" onclick="ajoutpari(this, this.name);" class="bcote">2.55</a></td>
</tr>
<tr class="ecart"></tr>
</table>
</div> |
# au moment du clic sur une cote, on fait appel a la fonction suivante:
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
|
function ajoutpari(valeur, element)
{
var xhr = null;
if(window.XMLHttpRequest)
{
xhr = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest!!");
return null;
}
var tabcell = document.getElementById('tableau').cells;
var match = tabcell[1].innerHTML;
var equipe1 = match.substring(0, match.indexOf('-'));
var equipe2 = match.substring(match.lastIndexOf('-') + 1);
var indice = element;
var cote = valeur.innerHTML;
var resultat = null;
if(indice == "1")
{
resultat = equipe1;
}
else if(indice == "2")
{
resultat = equipe2;
}
else
{
resultat = "Nul";
}
xhr.open('GET', 'http://localhost/betgame/selection.php?param1=' + match + '¶m2=' + resultat + '¶m3=' + cote);
xhr.onreadystatechange = function()
{
if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0))
{
document.getElementById('selections').innerHTML += xhr.responseText;
}
};
xhr.send(null);
} |
# fichier selection.php qui est normalement censé afficher le pari dans le panier si j'ai pas fais n'importe quoi:
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
|
<?php
header("Content-Type: text/html");
$match = (isset($_GET["param1"])) ? $_GET["param1"] : NULL;
$resultat = (isset($_GET["param2"])) ? $_GET["param2"] : NULL;
$cote = (isset($_GET["param3"])) ? $_GET["param3"] : NULL;
$i = rand(0,999999999);
echo '<div name="bet" id="ligne'.$i.'" class="pari">';
echo '<table>';
echo '<tr>';
echo '<td class="case1">';
echo '<div class="match">'.htmlentities($match).'</div>';
echo '<div class="resultat">Résultat: <span class="resulteam">'.htmlentities($resultat).'</span></div>';
echo '</td>';
echo '<td class="case2">';
echo '<span class="cote">'.htmlentities($cote).'</span>';
echo '</td>';
echo '<td class="case3">';
echo '<a href="javascript: destroyligne(\'selections\', \'ligne'.$i.'\');" class="delpari"><img src="../images/delete.gif" alt="" /></a>';
echo '</td>';
echo '</tr>';
echo '</table>';
echo '</div>'; |
# code(index.php)où va etre inserer le pari dans le panier:
Code:
1
2
3
4
5
6
7
|
<div class="panier">
<div class="titreright">Votre sélection</div>
<div id="selections" class="selections">
</div>
</div> |
merci d'avance de votre aide
