[AJAX] readyState toujours égal à 0

Version imprimable

bonjour à tous
j'essai de faire mes premiers pas avec ajax .
mais là quand j'essai de créer un objet XMLHttpRequest le readyState est tjrs egal à 0 alors que c'est sensé avoir la valeur de 4 :?
voici le code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function submitForm(){ 
     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;   }
         }
    }
  document.write(xhr.readyState);
}

Code:

1
2
3
4
5
6
7
<body>
    <FORM method="POST" name="ajax" action="">
        <INPUT type="BUTTON" value="Submit"  ONCLICK="submitForm()">
        <INPUT type="text" name="dyn"  value="">
    </FORM>
</body>
</html>

à quoi est du celà d'après vous??
Merci de m'aider

04/11/2014, 08h06
Bovino

Quand tu crées l'objet xhr, son readyState est à 0, donc ça c'est normal. Ensuite, pour que le readyState change, il faut ouvrir la requête (open()) et l'envoyer (send()).
Tu ne fais aucune de ces étapes dans ton code, donc il n'y a aucune raison d'avoir autre chose que 0...

Merci de votre réponse
mais j'ai essayé d'ajouter un send et un open ca n'affiche plus rien :/

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
 
<html>
<head>
<script>
 
function submitForm()
{ 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.open();
	xhr.send();
    document.write(xhr.readyState);
} 
</script>
</head>
<body>
    <FORM method="POST" name="ajax" action="">
        <INPUT type="BUTTON" value="Submit"  ONCLICK="submitForm()">
        <INPUT type="text" name="dyn"  value="">
    </FORM>
</body>
</html>

04/11/2014, 18h00
angelmn

en fait aucun des exemples que j'ai voulu testé n'a fonctionné par exemple http://www.w3schools.com/ajax/tryit....=tryajax_first
ca fonctionne bien sur internet mais des que j'en fais une copie et que je veux faire fonctionner ca avec easyphp ca ne marche plus :/
du coup je me dis que ca vient peut être de la manière dont je veux fonctionner les choses??
ext ce qu'on fait comme pour une page html sans ajax?? auriez vu une idée de ce que je fais de travers??
05/11/2014, 07h47
Bovino

Les codes que tu nous montre sont inutiles... Il faut commencer par apprendre les bases.
:arrow: Tutoriels AJAX.
:arrow: FAQ AJAX.

D'autre part : Comprendre document.write() en JavaScript.