[AJAX] Recuperer la reponse avec POST

Version imprimable

Bonsoir,

J'ai recuperé ce bout de code sur le net et je l'ai adapté à mon besoin. Il faut reconnaitre c'est ma 1ere fois de parler de AJAX.

Executant ce code, il m'affiche tout le code php et non le message désiré.

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
function getXhr(){
			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) {
						xhr = new ActiveXObject("Microsoft.XMLHTTP");
					}
			}
			else { 
				alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
				xhr = false;
			}
			return xhr
		}
 
		function go(ip){
			if(ip !=""){
 
				var xhr = getXhr()
				xhr.onreadystatechange = function(){
					if(xhr.readyState == 4 && xhr.status == 200){
						document.ordi_enr.dysfon.value = xhr.responseText;
					}
				}
				xhr.open("POST","load_dysfon.php",true);
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				xhr.send(null);
			}else { document.ordi_enr.dysfon.value = "";}
		}

php

Code:

1
2
3
4
 
<?
	echo "Tout marche";
?>

Merci de votre aide.

25/11/2009, 10h52
sebhm
Bonjour,
Code:

1 2 3 <?php echo "Tout marche"; ?>
25/11/2009, 12h08
BILANGA
Citation:
Envoyé par sebhm

Bonjour,

Code:

1 2 3 <?php echo "Tout marche"; ?>
Merci sebhm, c'est une erreur de ma part. Même après modification de l'erreur et après modification du message de l'instruction php echo, c'est l'ancien message qui s'affiche. Je voudrais dire ceci

J'ai modifié le fichier php pour juste texter, et voici le nouveau
Code:

1 2 3 <?php echo "Juste pour texter"; ?>
J'ai recharge la page pour être sur du résultat du test, mais j'ai toujours l'ancien message à savoir
Code:

1 2 3 <? echo "Tout marche"; ?>
25/11/2009, 12h30
BILANGA

Merci, je ne repere sur les tutos.

Bonjour,

Actuellement ca marche sans problème. Autre chose j'utilise smarty. Mais j'ai un nouveau problème: c'est pour selectionner mes données de la base de données à partir d'un critère.

Je vous donne le smarty

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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
{literal}
	<script language='javascript'>
function add_tache(){
			var valeur = this.ordi_enr.lst_tache.options[this.ordi_enr.lst_tache.selectedIndex].value;
			var texte = this.ordi_enr.lst_tache.options[this.ordi_enr.lst_tache.selectedIndex].text;
			document.forms.ordi_enr.tache_eff.options[document.forms.ordi_enr.tache_eff.options.length] = new Option(texte,valeur);
			this.ordi_enr.lst_tache.options[this.ordi_enr.lst_tache.selectedIndex] = null;			
		}	
 
		function drop_tache(){
			var valeur = this.ordi_enr.tache_eff.options[this.ordi_enr.tache_eff.selectedIndex].value;
			var texte = this.ordi_enr.tache_eff.options[this.ordi_enr.tache_eff.selectedIndex].text;
			document.forms.ordi_enr.lst_tache.options[document.forms.ordi_enr.lst_tache.options.length] = new Option(texte,valeur);
			this.ordi_enr.tache_eff.options[this.ordi_enr.tache_eff.selectedIndex] = null;
		}
 
		function getXhr(){
			var xhr = null;
			if(window.XMLHttpRequest) 
				xhr = new XMLHttpRequest();
			else if(window.ActiveXObject){ 
				try {
						xhr = new ActiveXObject("Msxml2.XMLHTTP");
					} catch (e) {
						xhr = new ActiveXObject("Microsoft.XMLHTTP");
					}
			}
			else { 
				alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
				xhr = false;
			}
			return xhr
		}
 
		function go(ip){
			if(ip != ""){
				var val_ip = document.getElementById('ip_ordi').value;
				var xhr = getXhr()
				xhr.onreadystatechange = function(){
					if(xhr.readyState == 4 && xhr.status == 200){
						document.ordi_enr.dysfon.value = xhr.responseText;
				}
			}
			xhr.open("POST","load_dysfon.php",true);
			var data = escape(document.getElementById('ip_ordi').value);
			xhr.send(data);
		}else { document.ordi_enr.dysfon.value = "";}
		}
 
	</script>
{/literal}
<form name="ordi_enr" action="inter_ajout.php" method="post" onsubmit="return verif_form();">
					<fieldset><legend><h4><span class="style1"><em>Intervention</em></span></h4></legend>
						<p align="center"><label for="ip_ordi">IP : </label>
							<select name="ip_ordi" onchange="go(this.value)">
								<option value=""></option>
								{section name=idx loop=$liste_ip}
									<option value="{$liste_ip[idx].ip_ordin}">{$liste_ip[idx].ip_ordin}</option>
								{/section}
							</select>
 
						<label for="dysfon">Dysfonctionnement:</label>
						<textarea name="dysfon" cols="60" readonly="true"></textarea></p>	
 
						<p align="center"><label for="lst_tache">Liste des tâche(s):</label>
						<select name="lst_tache" size="5" style="width:255px" onchange="add_tache();">
							{section name=idx loop=$lst_tache}
								<option value="{$lst_tache[idx].num_tach}">{$lst_tache[idx].lb_tache}</option>
							{/section}
						</select>
 
						<label for="tache_eff">Tâche(s) effectuée(s):</label>
						<select name="tache_eff" size="5" style="width:255px" onchange="drop_tache();">
 
						</select></p>
 
					</fieldset>
					<p align="center">
					  <input name="submit" type="submit" value="Enregistrer infos." />
					</p>
				</form>

Le contenu de load_dysfon.php

Code:

1
2
3
4
5
6
7
8
9
10
11
<?php
        header("Cache-Control: no-cache, must-revalidate");
        header('Content-type: text/html; charset=iso-8859-1'); 
        require_once('config.inc.php');
        
        $select_dysf = mysql_query("SELECT num_dysf,ip_ordin,dte_jour,dysfo_or FROM tb_dysfon WHERE ip_ordin'".$_POST['data']."'");
        while ($row = mysql_fetch_row($select_dysf))
        {
                echo $row[3]; 
        }       
?>

En vérifiant la valeur de $_POST['data'], il est vide.

Je vous remercie de toutes votre aide

04/12/2009, 09h23
andry.aime
Bonjour,

Citation:

var data = escape(document.getElementById('ip_ordi').value);
xhr.send(data);
Code:

1 2 var data = "data="+escape(document.getElementById('ip_ordi').value); xhr.send(data);

Bonjour

En faissant ceci

en js

Code:

1
2
3
xhr.open("POST","load_dysfon.php",true);
			var data = "data="+escape(document.getElementById('ip_ordi').value);
			xhr.send(data);

et ceci en php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
        header("Cache-Control: no-cache, must-revalidate");
        header('Content-type: text/html; charset=iso-8859-1'); 
        require_once('config.inc.php');
        
        echo $_POST['data'];
        
        //$select_dysf = mysql_query("SELECT num_dysf,ip_ordin,dte_jour,dysfo_or FROM tb_dysfon ");
        //while ($row = mysql_fetch_row($select_dysf))
        //{
                //echo $row[3]; 
        //}     
?>

Juste pour voir la valeur de data, le résultat est le vide.

Merci

Mince, tu as oublié une ligne pour la méthoe POST.

Code:

1
2
3
4
xhr.open("POST","load_dysfon.php",true);
			var data = "data="+document.getElementById('ip_ordi').value;
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send(data);

Citation:
Envoyé par andry.aime
Mince, tu as oublié une ligne pour la méthoe POST.
Code:

1 2 3 4 xhr.open("POST","load_dysfon.php",true); var data = "data="+document.getElementById('ip_ordi').value; xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); xhr.send(data);
Merci andry.aime pour tant de peine à assister des développeurs débutants. :ccool: