Ajax post n'apparait pas [Résolu]

[systemz]

Bonjours a toutes et a tous !!

Rien n'apparait dans mon fichier index.php voila ma source en gros :

J'ai un Fichier index.php dans lequel il y a ca (beaucoup plus de "input" mais je simplifie):

Code :

1
2
3
4
5
6
 
<form action="" method="post" id="form1" name="form1">
<span id="affiche"></span>
<input class="textinput" type="text" id="fond_couleur" name="fond_couleur">
<input name="envoyer" value="Generer" type="submit" onclick="verifnserie()" />
</form>

<souligne>Un fichier externe javascript :</souligne>

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
 
// JavaScript Document
 
var xhr = null;
 
// Fonction de creation de l'objet XMLHttpRequest qui resservira pour chaques fonctions AJAX
function getXhr()
 {
  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, veuillez le mettre à jour"); 
    xhr = false; 
   } 
 }
 
function verifnserie()
 {
  getXhr();
  xhr.onreadystatechange = function()
   {
    if(xhr.readyState == 4 && xhr.status == 200)
     {
      // On affiche dans le span affnserie le retour de verifnserie.php
      document.getElementById('affiche').innerHTML = xhr.responseText;
     }
   }
  // On envoie la requete a "ajax/verifnserie.php"
  xhr.open("POST",'traitement.php',true);
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  // On recupere la valeur de l'input ayant pour id: nserie
  nserie = document.getElementById('fond_couleur').value;
  // On envoie a verifnserie le nserie recupéré
  xhr.send("nserie="+nserie);
 }

Et une fichier php "traitement.php" dans lequel il ya un texte...

Mon texte n'apparait donc pas dans index.php voila mon probleme.

SI QUELQU'un sais ce serai sympas

[Bovino]

Dans la mesure où je ne vois pas d'erreur dans le code, la question habituelle :
Tu es en local ?

[systemz]

Oui en local

[Bovino]

Et pas de serveur local ???
XMLHttpRequest, évoque étrangement un lien avec une requête http... comment tu la fais sans serveur ?

[systemz]

Si j'utilise easyphp

[Bovino]

Et tu lances bien le tout en localhost ?
Tu peux vérifier la réponse du serveur (avec Firebug, c'est simple)

[systemz]

oui le serveur fonction la je vien de mettre un "alert();" au code cité plus haut

avant :
document.getElementById('affiche').innerHTML = xhr.responseText;

maintenant:
var i = document.getElementById('affiche').innerHTML = xhr.responseText;
alert(i);

ca m'affiche le contenu de la page php mais quand je fait ok ca disparait

[Bovino]

Et

Code :

1
2
3
4
i = document.getElementById('affiche');
alert(i);
i.innerHTML = xhr.responseText;
alert(i);

ça donne quoi les deux alert ?

[systemz]

En fesant ca ya un 1er alert() qui apparait avec ca : [object] Puis un second alert() avec [object] mais en plus le contenu de php

Je suis entrain de me demander si ce n'est pas parceque la page s'actualise toute seule. Mais normalement non car ajax c'est justement fait pour que ca ne se produise pas... je comprends pas...

[Bovino]

Ben oui, t'es sous IE6 !!! ta page est en cache et ne se met pas à jour du coup...
Dans ton fichier php, ajoutes ça :

Code :

1
2
3
header("Pragma: no-cache");
header("Expires: 0");
header("Cache-Control: no-cache, ");

[systemz]

Je suis sous IE 7 et FF3

J'ai mis les 3 lignes de code avant doctype avec les balises php mais ca ne change rien...

[Bovino]

Là j'ai plus le temps, mais si tu veux, envoies-moi tes fichiers en mp que je regarde de plus près...

[systemz]

OK je vais partir aussi je te fait ca demain et merci !!

[systemz]

slt bovino,

J'ai trouvé c'est parceque j'utilise un bouton submit et ca rafraichi ma page, il m'as donc fallu utiliser un bouton normal

merci de m'avoir aider

A+

[Bovino]

Zut, en plus c'est un truc que j'aurais pu voir facilement... il me semble avoir aiguillé déjà des gens dans ce sens...
Mais bon, tant mieux si tu as pu régler ça, c'est le principal !