[AJAX] Ouverture de fichier avec la fonction open d'ajax

**sabrinouch** · 01/07/2014, 19h40

Bonjour,
je travaille sur un serveur Node.js, j'ai testé quelques applications simples avec Ajax, cela a fonctionné mais lorsque je veux lire un fichier texte par exemple,ce fichier n'est pas trouvé, pourtant il se trouve dans le même dossier que ma page html et mon serveur node.js.
Voici mon code javascript sur ma page html:

Code html :

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

1
2
3
4
5
6
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Techniques AJAX - XMLHttpRequest</title>
<script type="text/javascript">

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
var XMLHttpRequest = require("xmlhttprequest").XMLHttpRequest;
function getXMLHttpRequest() {
	var xhr = null;
	if (window.XMLHttpRequest || window.ActiveXObject) {
		if (window.ActiveXObject) {
			try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch(e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
		} else {
			xhr = new XMLHttpRequest(); 
		}
	} else {
		alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
		return null;
	}
	return xhr;
}
function maRequete(){
	var xhr = getXMLHttpRequest();
	xhr.open("GET","data.txt"  + "&nocache=" + Math.random(),true);
	xhr.onreadystatechange = function(){
		if(xhr.readyState == 4 && xhr.status == 200){
			document.getElementById("champ_input").innerHTML=xhr.responseText;
		}
	};
	xhr.send(null);
}

Code html :

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

1
2
3
4
5
6
7
8
9
		</script>
	</head>
	<body>
<FORM name="ajax" method="POST" action="">
  <input type="BUTTON" value="Soumettre"  onclick="maRequete()">
</FORM>
<div id="champ_input"></div>
	</body>
</html>

Merci d'avance.

**Bovino** · 02/07/2014, 08h41

Code :

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

var XMLHttpRequest = require("xmlhttprequest").XMLHttpRequest;

Tu ne peux pas faire de require dans le code client...

**andry.aime** · 02/07/2014, 09h27

Bonjour,

Code :

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

xhr.open("GET","data.txt"  + "&nocache=" + Math.random(),true);

Code :

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

xhr.open("GET","./data.txt"  + "?nocache=" + Math.random(),true);

A+.

**sabrinouch** · 02/07/2014, 09h55

Bonjour,
merci de votre aide, j'ai remplacé la ligne que vous m'aviez dis par la votre, malheuresement, cela ne marche tourjours pas, j'ai essayé de faire aussi :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function maRequete(){
    var xhr = getXMLHttpRequest();
    xhr.open("GET","./data.txt"  + "?nocache=" + Math.random(),true);		
    xhr.onreadystatechange = function(){
        if(xhr.readyState == 4 && xhr.status == 200){
            // document.getElementById("champ_input").innerHTML=xhr.responseText;
	    document.ajax.dyn.value="Received:"  + xhr.responseText;  
        }
    };
    xhr.send(null);
}

Code html :

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

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

Mais rien n'y fait....
Aidez-moi svp je ne comprend vraiment pas mon erreur!!!!

**andry.aime** · 02/07/2014, 10h03

Remplace

Code :

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

1
2
3
4
5
6
7
8
9
if(xhr.readyState == 4 && xhr.status == 200){
 
 
	   // document.getElementById("champ_input").innerHTML=xhr.responseText;
					document.ajax.dyn.value="Received:"  + xhr.responseText;  
 
 
 
					}

par

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
if(xhr.readyState == 4){
if (xhr.status == 200 || xhr.status == 0)
   {					
       document.ajax.dyn.value="Received:"  + xhr.responseText;  
    }
else
{
       alert("Erreur :" +xhr.status +"  "+xhr.statusText);
}
 
 
					}

**Bovino** · 02/07/2014, 10h06

La première chose à faire, c'est d'ouvrir sa console JavaScript (F12) et de regarder ce qu'elle dit...

[AJAX] Ouverture de fichier avec la fonction open d'ajax

AJAX

Vue hybride

Discussions similaires

Partager

Partager