[Ajax] problème d'appel à un fichier php

problème d'appel à un fichier php [Ajax] - HTML/CSS - Programmation

Marsh Posté le 14-07-2011 à 21:25:36    

Bonjour,
 
J'ai un petit problème avec l'écriture d'un bout de javascript auquel je ne connais hélas pas grand chose et les tutoriaux ne m'aident plus beaucoup sur mon problème.
 
Mon idée est simple, j'ai un fichier index.php qui contient le code suivant :
 

Code :
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="./ajax.js"></script>
  4. </head>
  6. <body>
  7. <form method="POST" action="add.php">
  9. <div style="background-color :#ccc; margin: 0px;">
  10. <div style="position: absolute; top:10; left:10; align="left"; width: 400px;">
  11.   <p>Login :</br>
  12.    <input type="text" name="login" size="20" value="<?php include("generator.php" ); ?>" maxlength="255">
  13.   </p>
  14.   <p>Password :</br>
  15.    <input type="text" name="passwd" size="20" value="<?php include("pw_generator.php" ); ?>" maxlength="255">
  16.   </p>
  17.   <p>Titre du site :</br>
  18.    <input type="text" name="titre" size="40" value="" maxlength="255">
  19.   </p>
  20.   <p>URL du site :</br>
  21.    <input type="text" name="url" size="40" value="" maxlength="255">
  22.   </p>
  23. </div>
  25. <div style="position: absolute; top:60; left:410; align="left"; width: 200px;">
  26.   <p>Mot de passe maitre :</br>
  27.    <input type="password" name="master_pw" size="20" value="" maxlength="255"></br>
  28.   </p>
  29.    <input type="submit" value="Envoyer" name="envoyer">
  30. </form>
  31. </div>
  32. </div>
  34. <div style="position: absolute; top:300; left:10; align="left"; width: 200px;">
  35. <form>
  37.   <p>Mot de passe maitre :</br>
  38.    <input type="password" id="master_pw2" name="master_pw2" size="20" value="" maxlength="255">
  39.    <input type="button" value="Interroger" onclick="submitForm()">
  40.   </p>
  42. <br clear="all" />
  44. </form>
  45.   </div>
  47.   <div id="divTable" style="position: absolute; top:400; left:10; align="left"; width: 1000px;">
  48.   </div>
  50. </body>
  51. </html>


 
Donc, dans la div située en valeur absolue top:300 j'aimerais y faire apparaitre le résultat du fichier php nommé tg.php. Initialement c'était un fichier beaucoup plus long et compliqué, mais comme rien n'apparaissait, j'ai simplifié pour débugger au mieux et tg.php ne contient qu'une fonction echo, à savoir :
 

Code :
  1. <?php
  2. echo "tada";
  3. ?>


 
J'espère donc appeler ce fichier tg.php par le code javascript suivant :
 
 

Code :
  1. function submitForm()
  2. {
  3.     var xhr;
  4.     try {  xhr = new ActiveXObject('Msxml2.XMLHTTP');   }
  5.     catch (e)
  6.     {
  7.         try {   xhr = new ActiveXObject('Microsoft.XMLHTTP');    }
  8.         catch (e2)
  9.         {
  10.           try {  xhr = new XMLHttpRequest();     }
  11.           catch (e3) {  xhr = false;   }
  12.         }
  13.      }
  15.     xhr.onreadystatechange  = function()
  16.     {
  17.          if(xhr.readyState  == 4)
  18.          {
  19.               if(xhr.status  == 200)
  20.                  document.ajax.dyn="Received:"  + xhr.responseText;
  21.               else
  22.                  document.ajax.dyn="Error cpp " + xhr.status;
  23.          }
  24.     };
  26.   var mpw = document.getElementById("master_pw2" );
  28.   alert(""+mpw.value+"" );
  30.   var url = "tg.php";
  32.   xhr.open("POST", url, true);
  33.   xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencppd" );
  34.   xhr.send("master_pw2="+mpw.value);
  35. }


 
Voilà et donc mon problème c'est que je n'ai rien qui apparait dans ma page quand je teste dans mon navigateur, cliquer sur le bouton interroger ne fait rien (à part l'alerte).
 
L'alerte qui m'envoie la variable mpw marchant bien, j'en déduis que j'ai raté un truc avec la fonction xhr.open, xhr.setRequestHeader ou xhr.send (c'est vrai que send ne sert à rien pour le fichier tg.php, mais j'imagine qu'il ne gène pas non plus et de toute façon le fichier original lui en a bien besoin).
 
Si vous avez une idée sur ce que j'ai fais de travers je suis preneur.
 
Merci d'avance.

Reply

Marsh Posté le 14-07-2011 à 21:25:36   

Reply

Marsh Posté le 17-07-2011 à 07:18:37    

Pourquoi tu renvoi pas la méthode post sur ta page .php pour ensuite la traiter ? Ça te permettra de changer directement le contenu de ta page sans utiliser du activeX (qui marche uniquement sur IE).

 

Au début tu met que si la variable $_POST["master_pw2"] n'est pas reconnu on affiche ta page (la 1ère en haut). Sinon si on trouve la variable, on affiche une page similaire contenant les informations nécessaires (une iframe + mdp ...).
Bonne chance.


Message édité par cetplus le 17-07-2011 à 07:18:50
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed