[AJAX] Lire un fichier depuis une URL?

**PlaTyPuSs** · 31/05/2009, 13h50

Hello!

J'ai un problème avec le code suivant... il fonctionne pas et je vois pas ce qui cloche!

Si qqn a une idée, thxxxx!

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
 
<html>
<head>
<script type="text/javascript"> 
//create the Cross-browser XMLHttpRequest object
function getFile(pURL) {
	if (window.XMLHttpRequest) { // code for Mozilla, Safari, etc 
		xmlhttp=new XMLHttpRequest();
		xmlhttp.onreadystatechange=postFileReady;
		xmlhttp.open("GET", pURL, true); // leave true for Gecko
		xmlhttp.send(null);
	} else if (window.ActiveXObject) { //IE 
		xmlhttp=new ActiveXObject('Microsoft.XMLHTTP'); 
		if (xmlhttp) {
			xmlhttp.onreadystatechange=postFileReady;
			xmlhttp.open('GET', pURL, true);
			xmlhttp.send();
		}
	} else {
		alert('Your browser does not support the remote scripting object.');
	}
}
 
// function to handle asynchronus call
function postFileReady() {
	if (xmlhttp.readyState==4) { 
		if (xmlhttp.status==200) { 
			//loadResults(xmlhttp.responseText);
			document.getElementById('theExample').innerHTML=xmlhttp.responseText;
		}
	}
}
</script>
</head>
 
<body onload="getFile('http://www.rodsdot.com/ee/latin.htm');">
  <div id="theExample">Loading...</div>
</body>
 
</html>

**Bovino** · 31/05/2009, 15h30

Salut,

Code :

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

xmlhttp.onreadystatechange=postFileReady;

tu ne transmets pas ton objet au callback, donc celui-ci n'a pas accès aux propriétés de xmlhttp

Code :

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

xmlhttp.onreadystatechange=function(){postFileReady(xmlhttp);}

et

Code :

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

1
2
3
4
5
6
7
8
function postFileReady(xmlhttp) {
	if (xmlhttp.readyState==4) { 
		if (xmlhttp.status==200) { 
			//loadResults(xmlhttp.responseText);
			document.getElementById('theExample').innerHTML=xmlhttp.responseText;
		}
	}
}

**Nicolas N.** · 31/05/2009, 15h32

Salut !

Il me semble que tu peux trouver la réponse au problème ici (Sujet a propos de Prototype, mais Ajax en général est soumis au même "probleme" il me semble ...).

Nicolas

.

**PlaTyPuSs** · 31/05/2009, 16h08

Envoyé par Bovino

Salut,

tu ne transmets pas ton objet au callback, donc celui-ci n'a pas accès aux propriétés de xmlhttp

Hello! Merci pour ta réponse, ca fonctionne nickel sous IE, par contre fonctionne pas sous Firefox, ni Chrome (et vu que ce code est destiné à une extension chrome, c'est un peu embetant

)

J'ai donc le code suivant:

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
 
<html>
<head>
<script type="text/javascript"> 
//create the Cross-browser XMLHttpRequest object
function getFile(pURL) {
	if (window.XMLHttpRequest) { // code for Mozilla, Safari, etc 
		xmlhttp=new XMLHttpRequest();
		xmlhttp.onreadystatechange=function(){postFileReady(xmlhttp);}
		xmlhttp.open('GET', pURL, true); // leave true for Gecko
		xmlhttp.send();
	} else if (window.ActiveXObject) { //IE 
		xmlhttp=new ActiveXObject('Microsoft.XMLHTTP'); 
		if (xmlhttp) {
			xmlhttp.onreadystatechange=function(){postFileReady(xmlhttp);}
			xmlhttp.open('GET', pURL, true);
			xmlhttp.send();
		}
	} else {
		alert('Your browser does not support the remote scripting object.');
	}
}
 
// function to handle asynchronus call
function postFileReady(xmlhttp) {
	if (xmlhttp.readyState==4) { 
		if (xmlhttp.status==200) { 
			document.getElementById('theExample').innerText=xmlhttp.responseText;
		}
	}
}
</script>
</head>
 
<body onload="getFile('http://www.rodsdot.com/ee/latin.htm');">
  <div id="theExample">Loading...</div>
</body>

Merci encore, ++