[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Подскажите как правильно вывести время AJAX
mika_di
Передо мной стоит задача вывести время с помощью технологии AJAX
я нашёл исходники которые как мне казалось не сложно понять вот оба,
первый javaScript
function showClock() { 
var obj = document.getElementById('clock');
var req;


if (window.XMLHttpRequest) req = new XMLHttpRequest();
else if(window.ActiveXObject) {

try {

req = new ActiveXObject('Msxml2.XMLHTTP');

} catch (e){}

try {

req = new ActiveXObject('Microsoft.XMLHTTP');

} catch (e){}
}



if (req) {

req.onreadystatechange = function() {

if (req.readyState == 4 && req.status == 200)

{ obj.innerHTML = 'Московское время '+req.responseText; }

}
;

req.open("POST", 'start_pars.php', true);

req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

req.send(null);

}
else alert("Браузер не поддерживает AJAX");
}


setInterval(showClock, 3000);

Весь Html то есть шапки и заголовки я убрал в файлике толкьо этот код.
и второй. Собственно сам php названный start_pars.php
echo date('H:i:s');

так же в документе нет ничего, кроме строчки с текущем временем.
оба файлика кинул в корень сайта, проверяю путём открутия файла с кодом JS
в результае пустой экран.
с JS я практически не знаком по этом у код разбирал что называется по наитию. Поэтому прошу подсказать что не так написано, и как правильно вообще это делается то есть где размещать и как смотреть.
П.С смотрел в 8м IE и 5м FF. И там и там пустой экран.
И очень прошу не упрекать словами:"Ты вообще соображаешь что ты написал" так как код был взят из интернета и разобран в силу моих скромнуж познаний JS



Спустя 12 минут, 40 секунд (2.09.2011 - 13:59) moskitos80 написал(а):
Вот тебе страничка, я поместил в неё твой скрипт, если на сервере она лежит в тойже директории что и php скрипт то будет работать:


<!DOCTYPE html>
<head>
<title>
new document </title>
<meta
name="charset" content="utf-8" />

<script
type="text/javascript">
<!--
function showClock() {

var obj = document.getElementById('clock');
var req;


if (window.XMLHttpRequest) req = new XMLHttpRequest();
else if(window.ActiveXObject) {

try {

req = new ActiveXObject('Msxml2.XMLHTTP');

} catch (e){}

try {

req = new ActiveXObject('Microsoft.XMLHTTP');

} catch (e){}
}



if (req) {

req.onreadystatechange = function() {

if (req.readyState == 4 && req.status == 200)

{ obj.innerHTML = 'Московское время '+req.responseText; }

}
;

req.open("POST", 'start_pars.php', true);

req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

req.send(null);

}
else alert("Браузер не поддерживает AJAX");
}


setInterval(showClock, 3000);
//-->
</script>

</head>

<body>

<div
id="clock"></div>

</body>
</html>



Нужно было просто разместить что то на странице с id="clock":
var obj = document.getElementById('clock');

сюда скрипт помещает ответ сервера.

Спустя 25 минут, 6 секунд (2.09.2011 - 14:24) mika_di написал(а):
Всё отлично заработало, большое спасибо, теперь стало понятне как вообще это всё работает.
Большое Вам спасибо за подробное объяснение.

Спустя 6 минут, 33 секунды (2.09.2011 - 14:31) moskitos80 написал(а):
Пожалуйста - рад был помочь. smile.gif
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.