Создание сайтов Уфа Главная
Обновление содержимого страницы без обновления страницы
Нам понадобится создать 2 файла на хостинге с поддержкой PHP - index.php и text.php. Информация на странице index.php будет обновляться 1 раз в секунду (число 1000 в коде скрипта можно менять на любое, 1000 = 1 секунда). Файл text.php - даёт обновляемое содержимое - в нашем случае - это функция, генерирующая случайное число при каждой загрузке (но там может быть и запрос к базе данных для получения новых данных). Таким образом, должно получится так, что при обращении к странице index.php, на ней без видимого обновления страницы каждую секунду появляется случайное число, которое генерируется скриптом text.php. Содержимое файла index.php:

<html> <head><title></title> 
<script language='JavaScript'>      
function ajaxRead(){
        receiveData=0;
        var xmlObj = null;
         if(window.XMLHttpRequest){
          xmlObj = new XMLHttpRequest();
        }else if(window.ActiveXObject){
          xmlObj = new ActiveXObject("Microsoft.XMLHTTP");
        } else {
        return;
        }
        xmlObj.onreadystatechange = function(){
          if(xmlObj.readyState == 4){
          var status=xmlObj.status;
          document.getElementById('xxx').innerHTML = xmlObj.responseText;
          }
        }
        xmlObj.open ('GET', 'text.php'+'?antigluk='+Math.random(), true);
        xmlObj.send ('');
      }
       var oInterval = "";
      function timer(){
        oInterval = window.setInterval("ajaxRead()",1000);
        } </script> 
</head> 
<body onload="timer()";> 
<span id="xxx" width=100%></span> 
</body> 
</html>  


Содержимое файла text.php:

<?php echo rand(1, 100); ?> 
 
© Журнал «Сайтостроитель». Копирование материалов без активной ссылки на источник запрещено. Контакты.

Доска объявлений Раскупим.ру