[AJAX] Lire un fichier depuis une URL?

Version imprimable

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:

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>

Salut,

Code:

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:

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

et
Code:

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; } } }

31/05/2009, 15h32
Nicolas N.

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 :).

Citation:

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 :mouarf:)

J'ai donc le code suivant:

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
 
<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, ++

01/06/2009, 12h06
Bovino

La page appelée est bien sur le même domaine ?
01/06/2009, 12h29
PlaTyPuSs

Citation:

Envoyé par Bovino

La page appelée est bien sur le même domaine ?

euh non... le script est executé localement et fait appel à une page web...
01/06/2009, 13h28
Bovino

Fais une recherche sur "same origin policy" de JavaScript et tu comprendras que ce n'est pas possible ;)