Discussion :

[houssine91]

bonjour, je veux faire un POST avec ajax, la transmission se déroule parafaitement mais le problème c'est qu'il n'ouvre pas la page de destination (reponse.php)

code js:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var x = 4; 
convertion(x);
function convertion(x){ 
 
var xhr; 
try { xhr = new ActiveXObject('Msxml2.XMLHTTP'); } 
catch (e) 
{ 
try { xhr = new ActiveXObject('Microsoft.XMLHTTP'); } 
catch (e2) 
{ 
try { xhr = new XMLHttpRequest(); } 
catch (e3) { xhr = false; } 
} 
} 
xhr.onreadystatechange = function() 
{ 
if(xhr.readyState == 4 && xhr.status == 200) 
{}}
xhr.open("POST","reponse.php",true); 
xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded'); 
 
xhr.send("varx="+x); 
}

code reponse.php

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<?php 
echo "<h1>réponse</h1>";
if (isset($_POST["varx"])){ 
$varx_recup=$_POST["varx"];
echo 'variable x ='; 
echo $varx_recup; 
} 
?>

[Bovino]

Qu'est-ce que tu en sais puisque tu ne fais rien dans le traitement de la réponse ?

[houssine91]

je veux seulement ouvrir la page reponse.php à partir de code javascript et avec POST bien sur

[Bovino]

AJAX ne sert pas à ça...
AJAX te permet d'appeler une page (ou un script) sur le serveur et d'en récupérer la valeur retournée.

Si tu veux une navigation en POST (changement de page), alors tu dois utiliser un formulaire.

[Invité]

Bonjour,
Ajax "n'ouvre pas une page php", mais affiche une réponse dans la page.

Ce qu'a voulu dire Bovino dans son premier message, c'est ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
if(xhr.readyState == 4 && xhr.status == 200) 
{
    // IL NE SE PASSE RIEN ICI ???? 
}

Normalement, c'est là qu'on récupère la réponse A AFFICHER DANS LA PAGE EN COURS.
Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
if(xhr.readyState == 4 && xhr.status == 200) 
{
    document.getElementById('id_du_div_ou_on_affiche_la_reponse').innerHTML = xhr.responseText;
}

Et dans le code html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="id_du_div_ou_on_affiche_la_reponse"></div>

=> Web 2.0, allez plus loin avec AJAX et XMLHttpRequest

[houssine91]

Merci beaucoup