jQuery auto загрузка со страницы

Question

У меня есть страница на моих форумах, на которой я пытаюсь получить автоматическое обновление при появлении нового сообщения, однако оно работает только с перерывами.

У меня такое чувство, что это может быть порядок успеха и ожидания, но не может для меня понять, может ли кто-нибудь, но более осведомленный, увидеть, где я ошибаюсь?

Благодаря

<script> 
var timestamp = Math.round((new Date()).getTime()/1000); 

function myTimer() { 
$.ajax({ 
url: 'loadtopic.php?id=<? echo $getid; ?>&time=' + timestamp, 
success: function(data) { 
    $("#append").before(data); 
    setTimeout(myTimer,3000); 
    timestamp = Math.round((new Date()).getTime()/1000); 
} 
}); 
} 
myTimer(); 
</script> 

Answer 1

Если запрос не по какой-либо причине, успех не будет называться и поэтому цикл будет ломаться. Вы можете использовать setInterval для обеспечения его вызова.

<script> 
var timestamp = Math.round((new Date()).getTime()/1000); 

function myTimer() { 
    $.ajax({ 
    url: 'loadtopic.php?id=<? echo $getid; ?>&time=' + timestamp, 
    success: function(data) { 
     $("#append").before(data); 
     timestamp = Math.round((new Date()).getTime()/1000); 
    } 
    }); 
} 
myTimer(); 
setInterval(myTimer,3000); 
</script> 

В противном случае поместить SetTimeout в «полный» вариант и код будет выполняться, даже если запрос не удается.

<script> 
var timestamp = Math.round((new Date()).getTime()/1000); 

function myTimer() { 
    $.ajax({ 
    url: 'loadtopic.php?id=<? echo $getid; ?>&time=' + timestamp, 
    success: function(data) { 
     $("#append").before(data); 
     timestamp = Math.round((new Date()).getTime()/1000); 
    }, 
    complete: function() { 
     setTimeout(myTimer,3000); 
    } 
    }); 
} 
myTimer(); 
</script> 

Answer 2

Как бы это сделать:

1. Создать глобальный (или скрыть все это дело где-нибудь) переменная, которая хранит последний раз, когда страница обновляется или загружена. window.latest_update = new Date()

2. Создайте функцию, которая получает новые сообщения с сервера на основе текущей метки времени .

3. Запустите эту функцию на интервале и запросите только сообщения с момента последней отметки . Вероятно, от 20 до 40 секунд, но оптимизируйте на основе нагрузки на ваш сервер. var PollServer = setInterval(get_posts, 20000)

4. Имейте отдельную функцию, которую вы можете вызвать для загрузки сообщений на страницу. Это позволит вам сохранить код как модульный.

Answer 3

Попробуйте изменить порядок вашего кода:

<script> 
function myTimer() { 
    var timestamp = Math.round((new Date()).getTime()/1000); 
    $.ajax({ 
     url: 'loadtopic.php?id=<? echo $getid; ?>&time=' + timestamp, 
     success: function(data) { 
     $("#append").before(data); 
     setTimeout(myTimer,3000); 

     } 
    }); 
} 

myTimer(); 
</script>