Wyświetlanie strony przez AJAX Opcje

[raf2001]

mam oto taki kodzik ajaxa(ściągnięty gdzieś ze strony dev mozilli):

Kod

var http_request = false;

function makeRequest(url) {
   http_request = false;

   if (window.XMLHttpRequest) { // Mozilla, Safari,...
       http_request = new XMLHttpRequest();
       if (http_request.overrideMimeType) {
           http_request.overrideMimeType('text/xml');
       }
   } else if (window.ActiveXObject) { // IE
       try {
           http_request = new ActiveXObject("Msxml2.XMLHTTP");
       } catch (e) {
           try {
               http_request = new ActiveXObject("Microsoft.XMLHTTP");
           } catch (e) {}
       }
   }

   if (!http_request) {
       alert('Error: Nie można stworzyć instancji obiektu XMLHttpRequest');
       return false;
   }
   http_request.onreadystatechange = Contents;
   http_request.open('GET', url, true);
   http_request.send(null);
}

function Contents() {
   if (http_request.readyState == 4) {
       if (http_request.status == 200) {
          document.write(http_request.responseText);  
       } else {
           alert('Wystąpił problem z zapytaniem.');
       }
   }
}

problem polega na tym że gdy wcisne link:

Kod

<span name="ajax" style="cursor: pointer;" onclick="makeRequest('index.php?page=k')">Odpytaj</span>

to pobiera kod (tak jak działa ajax) lecz gdy wcisne drugi raz link ODPYTAJ to strona się dubluje(to znaczy pojawia się dwa razy moja strona)a czym więcej klikne tym więcej tych stron. Nieznam sie na JS więc prosze o pomoc. Z góry tnx

[anAKiN]

Zamiast

Kod

document.write(http_request.responseText);

użyj np. document.getElementById aby dostać się do wybranego obiektu i ustaw jego zawartość zmieniając atrybut innerHTML:

Kod

document.getElementById('div1').innerHTML = http_request.responseText;