[AJAX] ajax et internet explorer 7

Version imprimable

29/07/2008, 13h36
michael rossi

[AJAX] ajax et internet explorer 7

Bonjour a tous un plaisir de vous retrouver

voici ce qui me tracasse

j'essaie d'utiliser AJAX en envoyant des paramètres vers le serveur avec la méthode POST comme ceci

fichier index4.html:

Citation:

<!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" xml:lang="fr" lang="fr">

<head>
<title>Exemple 4</title>
</head>
<body>

<script type="text/javascript" src="ajax4.js"></script>

<p>
<a href="javascript:ajax();">Vous avez le droit de me cliquer !</a>
</p>

</body>
</html>

fichier ajax4.js:

Citation:

function ajax()
{
var xhr=null;

if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
//on définit l'appel de la fonction au retour serveur
xhr.onreadystatechange = function() { alert_ajax(xhr); };

var params="id=ok";
//on appelle le fichier reponse.txt
xhr.open("POST", "reponse.php" , true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.setRequestHeader("Content-length", params.length);
xhr.setRequestHeader("Connection", "close");
xhr.send(params);
}

function alert_ajax(xhr)
{
var docXML= xhr.responseXML;
var items = docXML.getElementsByTagName("donnee")
//on fait juste une boucle sur chaque element "donnee" trouvé
for (i=0;i<items.length;i++)
{
if((items.item(i).firstChild.data)==="ok"){
alert(""+(items.item(i).firstChild.data));
alert("c'est ok");

}else{
alert(""+(items.item(i).firstChild.data));
alert("c'est pas bon");

};
}
}

le fichier reponse.php

Citation:

<?php
header('Content-Type: text/xml');
echo "<?xml version=\"1.0\"?>\n";
echo "<exemple>\n";
$id=$_POST["id"];

//j'esecute une commande quelqunoque verifie si vlc est present dans le sprocessus

$commande2="ps -eaf | grep ".$id." |awk '$8==\"vlc\"{print $2}'";
$eee=exec($commande2);

if($eee=="")
{
//doit afficher lavaleur obtenu par POST ici : ok
echo "<donnee>".$id."</donnee>\n";
}else{

echo "<donnee>no</donnee>\n";
}
echo "</exemple>\n";

?>

mais le problème c'est que sa marche avec mozilla firefox (iceweasel)

mais quand j'essaie avec ie7 rien ne marche alors que la méthode get fonctionnait

merci d'avance pour vos réponses c'est hyper important

Bonjour,

Cela fonctionne chez moi avec FF3 ou IE7 :roll:

Avec un test sur xhr, c'est plus propre:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function alert_ajax(xhr) {
    if(xhr.readyState == 4 && xhr.status == 200){
        var docXML= xhr.responseXML;
        var items = docXML.getElementsByTagName("donnee")
        //on fait juste une boucle sur chaque element "donnee" trouvé
        for (i=0;i<items.length;i++) {
            if((items.item(i).firstChild.data)==="ok"){
                alert(""+(items.item(i).firstChild.data));
                alert("c'est ok");
            }
            else{
                alert(""+(items.item(i).firstChild.data));
                alert("c'est pas bon");
 
            }
        }
    }
}

A+

29/07/2008, 15h10
michael rossi

Merci Jlmag pour ta repponse mais en redemarant le pc qui est sous vista je m'apercois que sa marche

et pour confirmer je change le paramètre passer par post et je met "essai "et la il m'afficher toujours l'ancien parametre comme ci il était conserve dans un cache.

comment résoudre sa??

merci encore jlmag
29/07/2008, 15h25
michael rossi

j'ai rajouter ceci au début de reponse.php mais rien y fait

Citation:

/// Très important pour AJAX/IE
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Last-Modified: ' . gmdate("D, d M Y H:i:s") . ' GMT');
header('Cache-Control: no-store, no-cache, must-revalidate');
header('Cache-Control: post-check=0, pre-check=0', false);
header('Pragma: no-cache');

(j'ai trouve sa sur le forum)

une idée?

Re,

Ce que je fais (pas forcément très propre) :

Code:

1
2
3
4
5
6
7
8
9
10
 
var dt = new Date();
var params="id=ok&time=" + dt.getMilliseconds();
 
//on appelle le fichier reponse.txt
xhr.open("POST", "reponse.php" , true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.setRequestHeader("Content-length", params.length);
xhr.setRequestHeader("Connection", "close");
xhr.send(params);

Voili

A+