Обновить div по Таймеру
Сам нормально на пхп кожу, в яве ноль. Есть <div name="statuz">Ready</div> и скрипт statuz.php. Нужно, чтобы актуальная информация от скрипта всегда была на странице и обновлялась как можно чаще. Искал готовое решение. Я даже не уверен, те ли библиотеки использую, пробовал максимум подключить:
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.ui/1.8.5/jquery-ui.min.js"></script> <script type='text/javascript' src='css/jquery-1.11.2.min.js' /> <script type='text/javascript' src='css/jquery.timers-1.0.0.js' /> Так не работает:
<script type="text/javascript">
$(document).ready(function(){
var j = jQuery.noConflict();
j(document).ready(function()
{
j(".refreshMe").everyTime(1000,function(i){
j.ajax({
url: "statuz.php",
cache: false,
success: function(html){
j(".refreshMe").html(html);
}
})
})
});
j('.refreshMe').css({color:"red"});
});
</script>
</head>
<body>
<div class="refreshMe"><b><i>This div element will refresh in everey 5 sec <br>
<font color='blue'>
This will be replaced by a randomly generated number after every 5 seconds.</font></b></i>
</div>
Так тоже:
<script language="JavaScript">
$(document).ready(function () {
var interval = 500; //number of mili seconds between each call
var refresh = function() {
$.ajax({
url: "statuz.php",
cache: false,
success: function(html) {
$('#server-name').html(html);
setTimeout(function() {
refresh();
}, interval);
}
});
};
refresh();
});
</script>
<div id="server-name">test</div>
Подскажите плиз максимально простое решение. (И если какие библиотеки не учёл - то какие нужны). |
Я же сказал, что просто скопировал пример, не всматривался особо.
В 1 примере - да, понятно, там класс дива указан, а не id, минимум в этом проблема. Могли мне указать, что нельзя закрывать тег скрипт, как я сделал в примере, но с этим разобрался, когда посмотрел сорц страницы с подстветкой в Хроме. Последняя проблема была в том, что я не выставил для файла jquery.timers-1.0.0.js в SELinux контекст безопасности с разрешением для чтения для апача и он выдавал 403 - заметил это только потом. Такое бывает, что нужно выставлять, если файл не создан внутри папки, а скопирован из другой. В итоге после этих исправлений заработал самый простой пример:
<html><head>
<script type='text/javascript' src='css/jquery-1.11.2.min.js'></script>
<script type='text/javascript' src='css/jquery.timers-1.0.0.js'></script>
</head>
<body>
<div id="content">A</div>
<script>
setInterval(function() {
$("#content").load("statuz.php");
}, 1000);
</script>
</body></html>
|
| Часовой пояс GMT +3, время: 04:40. |