[AJAX] AJAX, PHP et JS

Version imprimable

Bonjour.
J'ai fait une fonction JS pour changer un div par un fichier php. Apparemment, Ajax et JS se fiche de l’extension du fichier (la fonction fonctionne avec du .php qui ne contient que du HTML) mais ça ne marche plus lorsque mon fichier contient réellement des instructions php.
Comment faire ?
Fonction JS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function choix_form(fichier) {
 
    if(window.XMLHttpRequest) // FF
        xhr_object = new XMLHttpRequest();
    else if(window.ActiveXObject) // IE
        xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
    else
        return(false);
    xhr_object.open("GET", fichier, false); // Ouverture du fichier
    xhr_object.send(null);
    monform.innerHTML = xhr_object.responseText; // Mofication du div
}

Fonction "appelant" les changement de div :

Code:

1
2
3
4
5
6
7
8
<h1>Colonne de gauche</h1>
 
<a href="#" onclick="javascript:choix_form('../Controleur/saisieSortie.php');">saisieSortie</a> 
<a href="#" onclick="javascript:choix_form('../Controleur/saisieSortieBis.php');">saisieSortieBis</a> 
<a href="#" onclick="javascript:choix_form('../Controleur/saisieParcours.php');">saisieParcours</a>
<a href="#" onclick="javascript:choix_form('../Controleur/saisieParcoursBis.php');">saisieParcoursBis</a>
 
<script src="/Projet/Contenu/choix_form.js"></script>

Fichier php générant une rreur lorsqu'il est appelé : saisieSortie.php

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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
		<!--DEBUT SAISI NOUVELLE SORTIE-->
				<td>Itinéraire :</td>
 
				<td>
<!--AJAX-->
				<!--Menu Deroulant-->
				<p id="fileContent"></p>
 
				</td>	
 
<td><button type="button" name="liste"  value=<?php echo REQUETES2."?param1=V&param2=N"; ?> >Vélo</button></td>
<td><button type="button" name="liste"  value=<?php echo REQUETES2."?param1=C&param2=N" ; ?>>Course à P</button></td>
<td><button type="button" name="liste"  value=<?php echo REQUETES2."?param1=V&param2=O" ; ?>>Vélo Court</button></td>
<td><button type="button" name="liste"  value=<?php echo REQUETES2."?param1=C&param2=O"; ?> >Course à P Court</button></td>
 
 
				</td>
				</tr>
				<br>
<!--AJAX-->
			<tr>
				<td>Date :</td>
				<td><input name="date" type="date" id="date" ></td>
			</tr>
			<br>
			<tr>
				<td>Temps :</td>
				<td><input name="hh" type="text" id="hh" > HH 
				<input name="mm" type="text" id="mm" > MM 
				<input name="ss" type="text" id="ss" > SS 
				</td>
			</tr>
			<br>
			<tr>
				<td>Moyenne : </td>
				<td><input name="moyenne" type="text" id="moyenne" ></td>
			</tr>
			<tr>
				<td>Poids :</td>
				<td><input name="poids" type="text" id="poids" ></td>
			</tr>
			<tr>
				<td>Forme :</td>
				<td><input name="forme" type="text" id="forme" ></td>
			</tr>
			<br>
			<tr>
				<td>Commentaires :</td>
				<td><input name="com" type="text" id="com" ></td>
			</tr>
			<br>
			<tr>
				<td>Distance à ajouter :</td>
				<td><input name="autre_distance" type="text" id="autre_distance" ></td>
			</tr>
			<br>			
			<tr>
				<td>Commentaires longs :</td>
				<td><textarea name="comL" type="text" id="comL" ></textarea> </td>
			</tr>	
 
		<!--FIN SAISI NOUVELLE SORTIE-->

PS : j'oubiais. Je débute avec AJAX mais j'ai bien compris qu'il servait à faire le lien avec le client et le serveur via des requêtes POST ou GET, mais je ne sais pas le faire.

18/05/2015, 21h51
mathieu

Citation:

Envoyé par 69Pierre

Fichier php générant une rreur lorsqu'il est appelé : saisieSortie.php

quelle est l'erreur ?
19/05/2015, 22h33
69Pierre

Bonjour.
Je vais relire mon code et mes erreurs. Ton message tendrait à dire que mon appel ajax est correct ?
20/05/2015, 08h50
Bovino

Code:

monform.innerHTML = xhr_object.responseText;

D'où sort la variable monform ?
Que te dis la console de développement du navigateur ?

Citation:

Ton message tendrait à dire que mon appel ajax est correct ?

Non, ça dit juste que tu ne donnes pas suffisamment d'informations pour que l'on puisse t'aider efficacement.

Bonjour.
monform est l'id de la div à modifier dans formulaire_saisies.php :

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
<?php require_once '../Vue/gabarit.php';?>
<section class="corps1">
	<article id="corps11">
		<?php require_once '../Vue/Accueil/choixSaisie.php'; ?>
		<?php //require_once '../Vue/Accueil/choixSaisieV0.php'; ?>
		<br/>
		<br /> 
		<a href="https://developer.mozilla.org/fr/docs/Web/Guide/HTML/Formulaires/Mon_premier_formulaire_HTML">exemple formulaire</a>
		<a href="http://forum.lesite.com/topic-5-49009-1-AJAX-changer-le-contenu-dune-div-au-clic-avec-parametres-SQL.html">changer le div avec jquery</a>
	</article>
	<article id="corps12">
		<h1>Saisie</h1>
			<div >	
				<form name="formulaire" method="post" action="#">
					<div >
						<div id="monform">
							<?php require_once '../Controleur/saisieSortie.php' ?>
						</div>
						<td colspan="2">
							<div align="center">
								<input type="submit" name="Submit" value="Envoyer">
							</div>
						</td>
					</div>
				</form> 
			</div>
	</article>
</section>
<script src="../Contenu/onload.js"></script>

24/05/2015, 18h27
69Pierre

Bonjour.
Est ce que quelqu'un a une idée des erreurs que j'ai faites ?
26/05/2015, 23h56
mathieu

tu n'as toujours pas répondu à nos questions :
+ quelle est l'erreur dont tu parles dans le 1er message ?
+ avec quel code crées-tu la variable monform ?
+ quelles sont les erreurs indiquées par la console de développement de ton navigateur ?
27/05/2015, 22h13
69Pierre

Bonjour.

Euuuuuuuuuh...comment dire... j'ai tout cassé et je commence à reconstruire.
Il vaut mieux que je passe le fil en Résolu quitte à reposer ma question ?
27/05/2015, 23h07
69Pierre

Ca y est, j'ai trouvé.
Essentiellement des problèmes de chemins. Je n'ai pas compris la notion de chemin absolu, je pensais que c'était un chemin qui peut être appelé de la même manière à plusieurs endroits de l'arborescence. A priori non...