Discussion :

[leoche]

Bonjour,

alors voila j'ai vouu faire un petit test tres simple avec de l'ajax, le code marche tres bien sous firefox, mais pas sous ie7, reconnaissais vous ce type de probleme : il ne se passe strictement rien sous ie 7...

vous pouvez constater par vous meme : http://prisonbreaklew.free.fr/testajax/progress2.php

voila... merci d'avance a tous !!

mon code :
progress2.php:

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
 
<script type="text/javascript" language="javascript">
/*
    Construit la requête xmlHttpRequest 
*/
function test() {
 
    var xhr = null;
 
	if(window.XMLHttpRequest) // Firefox
		xhr = new XMLHttpRequest();
	else if(window.ActiveXObject) // Internet Explorer
		xhr = new ActiveXObject("Microsoft.XMLHTTP"); 
	else 
	{ // XMLHttpRequest non supporté par le navigateur
		alert("Erreur");
		return;
	}
 
 
     xhr.onload=tcb; ////la fonction de rappel qui gère la réponse du serveur
    //la requête est envoyé en mode asynchrone(paramètre true) pour éviter de geler le navigateur
     xhr.open("GET","test.php",true);
     xhr.send(null);
}
 
function tcb() {
 
   var repXhr=this.responseText; //récupération de la réponse du serveur via l'objet xmlHttpRequest (this)
   document.getElementById("fr").innerHTML = "ça marche !!!" + repXhr;
 
}
</script>
<span
    style="cursor: pointer; text-decoration: underline"
    onclick="test()">
        Effectuer une requête
</span>
<div id="fr">
</div>

test.php:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<?php
header('Content-type: text/plain; charset=UTF-8');
 
 
    echo (" One two");
        exit;
 
 
 
?>

[leoche]

en fait je crois que le probleme viens du onload... kelk'un a une idée ???

[fross]

remplace ton xht.onload par ca :

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
 
xhr.onreadystatechange = function() { 
	//on affiche la barre de progression
	try {
		if (xhr.readyState == 4) {
			if (xhr.status == 200) {
				tcb(xhr.responseText);
			}else{
				alert("Une erreur est survenue sur la page PHP");
			}
		}else{
			alert("Transfert en cours : "+ xhr.readyState);
		}
	catch( e ) {
		alert("Ca ne marche pas")
	}
}

Tschaoo

[leoche]

ben j'ai essayé et plus rien ne marche meme sous fireFoxe ... par contre sa marche avec ces deux lignes :

xhr.onload=tcb;
xhr.onreadystatechange =tcb;

a la place de :
xhr.onload=tcb; seul

[fross]

Salut,
Avec tes deux lignes la fonction tcb est appellé 4 fois, car la propriété onreadystatechange possède quatres status, c'est a dire que pendant ta demande xhr la fonction tcb est appellé 4 fois et c'est seulement lors du dernier état avec valeur 4 que ton div recoit des données.

Apparemment tu sais que ca ne fonctionne pas, mais tu as pas cherché a faire un débugage pas a pas, c'est la base dans Javascript.

Tu ne pourras résoudre l'erreur si tu ne sais pas ou elle se trouve.
Utilise des alert, j'ai modifié ton code avec ceci test pour voir :

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
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
 
// JavaScript Document
function getHttp_Request(){
 
	var http_request = false;
 
	if (window.XMLHttpRequest) { // Mozilla, Safari,...
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType) {
			http_request.overrideMimeType('text/html; charset=utf-8');
			// Voir la note ci-dessous à propos de cette ligne
		}
	} else if (window.ActiveXObject) { // IE
		try {
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}
 
	if (!http_request) {
		alert('Abandon :( Impossible de créer une instance XMLHTTP');
		return false;
	}else{
		return http_request;
	}
 
}
 
 
function test() {
 
	//xhr.onload=tcb; ////la fonction de rappel qui gère la réponse du serveur
	xhr = getHttp_Request();
	if(xhr){
		xhr.onreadystatechange = function() { 
		//on affiche la barre de progression
		try {
			if (xhr.readyState == 4) {
				if (xhr.status == 200) {
					tcb(xhr.responseText);
				}else{
					alert("Une erreur est survenue sur la page PHP");
				}
			}else{
				alert("Transfert en cours : "+ xhr.readyState);
			}
		catch( e ) {
			alert("Ca ne marche pas erreur cotée JS client");
		}
	}
	//la requête est envoyé en mode asynchrone(paramètre true) pour éviter de geler le navigateur
	xhr.open("GET","test.php",true);
	xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=utf-8");
	xhr.setRequestHeader("Content-length", parameters.length);
	xhr.setRequestHeader("Connection", "close");
	xhr.send(null);
	}
 
 
}
 
function tcb(texte) {
	document.getElementById("fr").innerHTML = "ça marche !!!" + texte;
 
}
 
 
//demarrage
test();

Bonne soirée
fross

[leoche]

Merci sa marche