Как обновить чат-сообщение div на основе идентификатора сообщения?

Question

В настоящее время я использую ajax для обновления сообщений div каждую секунду, однако сообщения div не будут отображаться после обновления или после ответа на сообщение. URL страницы, как http://stuweb.cms.gre.ac.uk/~mp261/Pepero%20College/tutor_message.php?id=1

Это мой JavaScript:

var auto_refresh = setInterval(function() { 
    $('#messages') 
     .load('tutor_message.php?_=' + Math.random() + ' #messages') 
     .fadeIn("slow") 
    ; 
}, 1000); // refresh every 10000 milliseconds 

Как следует добавить в ИО к вышеуказанному сценарию? Можно ли это сделать? Извините, если мой вопрос недостаточно ясен. Благодарю.

Answer 1

Вы, вероятно, хотите что-то вроде этого:

var auto_refresh = setInterval(function() { 
    // ajax call to load messages 
    var url = 'tutor_message.php?_=' + Math.random(); 
    $.ajax({ 
     url: url, 
     success: function(data) 
     { 
     // do something with response data 
     // assuming data is a page with messages in element with id=messages 
     var newMessages = $(data).find("#messages").html(); // get message data from request somehow 
     $('#messages').html(newMessages); // show new messages on page 
     } 
    }); 
}, 1000); // refresh every 10000 milliseconds