Разработка Web-приложений с помощью технологии Ajax

Эта страница демонстрирует использование Ajax-технологии (Асинхронных Javascript и XML) для обновления содержания страницы посредством чтения удаленного файла динамически - без перезагрузки страницы. Обратите внимание эта операция невозможна при отключенном JavaScript.

Это некоторые данные. Они являются данными по умолчанию Обзор XML данных

Исходный код этого примера:

<script>
function ajaxRead(file){
  var xmlObj;
  if(window.XMLHttpRequest){
      xmlObj = new XMLHttpRequest();
  } else if(window.ActiveXObject){
      xmlObj = new ActiveXObject("Microsoft.XMLHTTP");
  } else {
      return;
  }
  xmlObj.onreadystatechange = function(){
    if(xmlObj.readyState == 4){
       updateObj('xmlData',
       xmlObj.responseXML.getElementsByTagName('data')[0].firstChild.data);
     }
    }
    xmlObj.open ('GET', file, true);
    xmlObj.send ('');
  }
  function updateObj(obj, data){
   document.getElementById(obj).innerHTML = "<b>"+data+"</b>";
  }
</script>

<p id="xmlData">
Это некоторые данные. Они являются данными по умолчанию
<a href="data.xml" rel="nofollow" title="Обзор данных XML файла"
onclick="ajaxRead('data.xml'); return false">Обзор XML данных</a>
</p>