[AJAX] Rafraîchissement de donnée $_POST avec XHR
Bonjour,
Je ne mettrai pas tout mon code, chose fastidieuse de lire l'ensemble.
Je possède une première page contenant un formulaire (pour saisir des informations de calcul d'itinéraire), et je récupère les données via du JS, qui par la suite envoi ces données sur une page php, qui traite, calcul l'itinéraire et retournent un résultat.
Tout ça fonctionne correctement 1 fois, lorsque je souhaite modifier une variable pour recalculer le tout, ça ne rafraîchit pas les données $_POST de ma page php de calcul.
Après une série de test, je sais que ce qui es récupérer par le JS est correct, que la génération du lien est correct.
Voici un peu de code:
Une partie du formulaire :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <form action='#' id='myForm' method='POST'>
<table class='firstTab'>
<tr>
<td>
Heure de départ:
</td>
<td>
<input type='time' id='heureCourse' name='heureCourse' value = '12:00' required>
</td>
</tr>
<tr>
<td colspan=2>
<input type="button" onClick="calculItineraire();" value="Calculer l'itinéraire">
</td>
</tr>
</table> |
Voici le JS:
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
| function calculItineraire(){
var heureCourse = document.getElementById("heureCourse").value;
var xhr_object = null;
if (window.XMLHttpRequest) // Firefox
xhr_object = new XMLHttpRequest();
else if (window.ActiveXObject) {// Internet Explorer
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
return;
}
data ="";
data += "test=true\&";
data += "heureCourse="+heureCourse;
xhr_object.open("POST", "./modele/calcul_tarif_itineraire.php", true);
xhr_object.onreadystatechange = function() {
if (xhr_object.readyState == 4) {
var tmp = xhr_object.responseText.split(";");
if (typeof(tmp[0]) != "undefined") { // Si la réponse n'est pas vide on récupère les données séparer par un ";" et on modifie les elements avec l'id correspondant.
alert(tmp);
}
}
return xhr_object.readyState;
};
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr_object.send(data); // Envoie de la requête |
Voici un peu de mon PHP:
Code:
1
2
3
4
5
6
7
8
9
10
11
| <?php
require("trajet.class.php");
include("../includes/DB.php");
if (count($_POST) == 0) {
echo 'Aucune donnée n\'a été reçue par "' . basename($_SERVER["PHP_SELF"]) . '"...';
} else {
$heureCourse = htmlspecialchars($_POST['heureCourse']).":00";
echo $heureCourse.';';
}
?> |
Auriez-vous des idées ? :D
Cordialement
Brian
