如何根据消息ID刷新聊天消息div?

时间:2014-10-25 15:45:00

标签: javascript jquery ajax chat

目前我使用ajax每秒刷新一次消息div,但消息div在刷新后或回复消息后不会显示。页面网址与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

我应该如何在上面的脚本中添加id?有可能这样做吗? 对不起,如果我的问题不够明确。感谢。

1 个答案:

答案 0 :(得分:0)

你可能想要这样的东西:

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