2

我只需要使用 ajax 将新数据加载到我的 div 中。目前我正在加载所有数据，因为如果我删除数据库中的一条记录，它也会从我的聊天 div 中删除它。

这是我的js代码：

var chat = {}
chat.fetchMessages = function () {
    $.ajax({
        url: '/ajax/client.php',
        type: 'post',
        data:  { method: 'fetch', thread: thread},
        success: function(data) {
            $('.chat_window').html(data);
        }
    });
}    

chat.throwMessage = function (message) {
    if ($.trim(message).length != 0) {
        $.ajax({
            url: '/ajax/client.php',
            type: 'post',
            data:  { method: 'throw', message: message, thread: thread},
            success: function(data) {
                chat.fetchMessages();
                chat.entry.val('');
            }
        });
    }
}

chat.entry = $('.entry');

chat.entry.bind('keydown', function(e) {
    if(e.keyCode == 13) {

        if($(this).val() == ''){
        } else {
            chat.throwMessage($(this).val());
            e.preventDefault();
        }

    }
});

chat.interval = setInterval(chat.fetchMessages, 8000);
chat.fetchMessages();

我环顾四周，有人说如果您将时间戳传递给服务器并以这种方式加载新内容，但我似乎无法理解这一点。如果您需要php，请告诉我。

4

1 回答 1

2

对，所以时间戳是最有意义的。你需要做几件事：

  1. 在后端，您需要让 client.php 在查询字符串中接受时间戳参数。返回数据时，不要只返回所有数据，而是让它返回自时间戳以来的所有内容（如果给定）。否则返回一切。
  2. 第一次加载聊天客户端时，您应该做的第一件事是对返回当前服务器时间戳的新 PHP 文件进行 Ajax 调用。将其值作为数字存储在 Javascript 变量中。
  3. 在 chat.fetchMessages() 期间，将时间戳变量的值增加自上次获取以来的时间（看起来像 8000 毫秒），并将其提供给 client.php，例如url: '/ajax/client.php?timestamp=' + latestFetchTimestamp,
  4. 而不是替换所有 HTML 内容，而是追加。
于 2013-02-19T18:24:14.333 回答