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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
|
/** ---------------- traitement lié directement à la fonctionnalité AJAX même ---------------- **/
// fonction principale
function checkPlaceLibre() {
document.getElementById("dateFin").innerHTML = "";
if (validation()) { // méthode (non détaillé ici) qui effectue un check du formulaire
// recupération des variables
var chambre = document.getElementById("id_chambre").value;
var nbPersonne = document.getElementById("id_nbPersonne").value;
var date_jour = document.getElementById("id_date_jour").value;
var date_mois = document.getElementById("id_date_mois").value;
var date_annee = document.getElementById("id_date_annee").value;
var nbNuit = document.getElementById("id_nbNuit").value;
// recupérer le XmlHttpRequest
var xhr = getXMLHTTP();
// calcul des dates
var dateArr = formatDate(date_jour, date_mois, date_annee);
var dateFin = calcDateFin(date_jour, date_mois, date_annee, nbNuit);
document.getElementById("dateFin").innerHTML = "fin du séjour le : "+dateFin;
//on définit l'appel de la fonction au retour serveur
xhr.onreadystatechange = function(){
traiteXml(xhr, nbPersonne);
};
// cération de l'adresse de contact du server
var adresseRecherche = "./../php/XMLData.php" //l'adresse à interroger pour recupérer le doc XML
adresseRecherche += "?dateArr=" + dateArr + "&dateFin=" + dateFin; //les 2 arguments dates que j'utilise dans PHP
//on appelle le controleur
xhr.open("GET", adresseRecherche, true);
xhr.send(null);
}
}
/** ----------------------------------------------------------------------------------- **/
// effectue la verification s'il y a de la place aux dates voulues
function traiteXml(xhr,nbPersonne) {
if (xhr.readyState == 4 && xhr.responseXML != null) {
var xmlDoc = xhr.responseXML;
// recupération des chambres
var nodList = xmlDoc.getElementsByTagName("chambre");
var arrayChambre = new Array();
var i;
for (i = 0; i < nodList.length; i++)
arrayChambre.push(new Chambre(nodList[i].getElementsByTagName("idCh")[0].firstChild.data, nodList[i].getElementsByTagName("nbPlace")[0].firstChild.data));
// récupération des dates
nodList = xmlDoc.getElementsByTagName("infoDate");
var arrayDates = new Array();
var idCh;
for (i = 0; i < nodList.length; i++) {
idCh = nodList[i].getElementsByTagName("idCh")[0].firstChild;
arrayDates.push(new Reservation(nodList[i].getElementsByTagName("debut")[0].firstChild.data,
nodList[i].getElementsByTagName("fin")[0].firstChild.data,
nodList[i].getElementsByTagName("nbPers")[0].firstChild.data,
((idCh == null)? null : idCh.data)));
}
/* maintenant j'ai une array d'objets type "Chambre" et une array d'objets type "Reservation", mon XML est entièrement parsé */
// la vérification de validité proprement dite
var erreur = BuildErreur(arrayChambre, arrayDates, nbPersonne);
// l'affichage du verdicte
if(erreur.length > 0) {
document.getElementById("id_error").innerHTML = erreur;
document.getElementById("form_Reserv").setAttribute("action","checkPlaceLibre()");
document.getElementById("id_btn_envoi").disabled = true;
}
else {
document.getElementById("id_error").innerHTML = "<br />";
document.getElementById("id_btn_envoi").disabled = false;
document.getElementById("form_Reserv").setAttribute("action","../php/Reservation.php?jvsChecked=1");
}
}
}
/** ---------------------------------------------------------------------------------------- **/
// méthode qui sur base du fichier XML (parsé en 2 array) vérifie s'il reste des places libres
function BuildErreur (ArrayCh, ArrayReserv, nbPersonne) {
var err = "";
/*
... bidouilles casse-tête ...
*/
}
return err;
}
/** ------------------------------------------------------------------------------- **/
// retourne un objet xmlHttpRequest.
// méthode compatible entre tous les navigateurs (IE/Firefox/Opera)
function getXMLHTTP(){
var xhr = null;
if (window.XMLHttpRequest) // Firefox et autres
xhr = new XMLHttpRequest();
else
if (window.ActiveXObject) { // Internet Explorer
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e1) {
xhr = null;
}
}
}
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
}
return xhr;
}
/** ------------------------------------------ objets --------------------------------------------**/
// objet reservation
function Reservation(dateArr, dateFin, nbPers, numCh) {
var DateArr = dateArr;
var DateFin = dateFin;
var NbPers = nbPers;
var NumCh = numCh;
this.getDateArr = function() {
return DateArr;
}
this.getDateFin = function() {
return DateFin;
}
this.getNbPers = function() {
return NbPers;
}
this.getNumCh = function() {
return NumCh ;
}
}
//objet chambre
function Chambre (numId,capa) {
var NumId = numId;
var Capa = capa;
this.getNumId = function() {
return NumId;
}
this.getCapa = function() {
return Capa;
}
} |
[AJAX] responseXML
Répondre avec citation
change item et pour vérifier que ton xml est bien retourné essaye ceci :
(je ne sais malheurerusement pas pourquoi.)
Partager