salut à tous,

j'ai un ptit problème avec ajax; à chaque fois que j'essaie d'executer mon code(ci-dessous)
mon browser me renvoie une erreur : avec firefox, il me renvoie un truc du genre

Erreur: uncaught exception: Permission refusée d'appeler la méthode XMLHttpRequest.open

voici le code en question:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>What's your browser ?</title>
<script language = 'javascript'>
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest();
} else if (window.ActiveXObject) {
XMLHttpRequestObject = new ActiveXObject('Microsoft.XMLHTTP');
}

function getData(dataSource, divID){
if(XMLHttpRequestObject) {
var obj = document.getElementById(divID);
XMLHttpRequestObject.onreadystatechange = function(){
if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) {
obj.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.open('GET', dataSource);
XMLHttpRequestObject.send(null);
}
}
</script>
</head>

<body>
<form>
<input type = "button" value = "Display Message" onclick = "getData('http://localhost/ajax/data.txt','targetDiv')">
</form>
<div id="targetDiv">
<p>The fetched data will go here.</p>
</div>
</body>
</html>

est-ce que quelqu'un aurait une idée de ce que cela pourrait être ? et comment y remedier?
merci d'avance à tous ...à tout à l'heure j'espère...

PS: je tiens à souligner que le fichier data.txt est situé au même niveau que index.html
c'est à dire à la racine du site...