Создаем 2 файла, 1-ый, это html-файл, например под именем psevdo_ajax.html с следующим содержимым:
<html>
<head>
<title>Ajax сосет!</title>
</head>
<script language='Javascript' type="text/javascript">
<!--
//--создаем элемент script и присваиваем ему значение
function sendQuery(url) {
var elem = document.createElement("script");
obj=document.body.insertBefore(elem, document.body.firstChild);
obj.setAttribute("id",
"js");
obj.setAttribute("language",
"Javascript");
obj.setAttribute("type",
"text/javascript");
obj.setAttribute("src",
url);
setTimeout('delel()', 0);
}
//--удаляем только что созданный элемент script
function delel(){
var obj=document.getElementById('js');
document.body.removeChild(obj);
}
//-->
</script>
<body bgcolor="white" text="black">
<p onclick="sendQuery('js.php')"><b>кликни меня</b></p>
<div id="strif">получи пхп время в секундах</div>
</body>
</html>
и 2-ой файл у нас будет пхп скрипт, который будет отдавать время в секундах, назовем его js.php и положим рядышком с файлом psevdo_ajax.html Содержимое файла js.php следующее:
document.getElementById('strif').innerHTML='<?php echo time(); ?>';
Вот и все манипуляции, теперь запустите файл psevdo_ajax.html и кликайте на слово "кликни меня" и вы увидите, что перезагрузки страницы не происходит, а время изменяется.
Комментарии