这是我的场景:
- 每当用户发送新消息时,我都会将其作为预览附加到对话线程中,同时
HTTP POST
请求将其保存到服务器。 - 每隔一段时间,
setInterval
我会使用 来检查对话中的新消息。 - 如果返回任何新消息,我会删除消息的预览版本,然后从数据库中附加任何新消息。
这是生成聊天内容的脚本:
function refresh_chat(){
var last = $('.conversation li:not(.fake):last').data('id');
$.post('includes/router.php', {
task: 'update_conversation',
id: '<?=$_GET['conversationid']?>',
last: last
}, function (data, response) {
var recibidas = $(data).find('li');
/* IF there are new entries */
if (recibidas.length > 0) {
/* Remove all fake entries */
$('.conversation li.fake').remove();
/* Append new entries */
$('.conversation').append($(data).filter('.notifications').html());
/* If this new entries are not unread,
remove the unread to the previous ones*/
if(!$(data).find('li:last').hasClass('unread')) {
$('.conversation li.unread').removeClass('unread');
}
}
});
}
var t = setInterval(function () {
refresh_chat();
}, 3000);
这就是我在用户键入新条目时添加新条目的方式:
$('body').on('submit', '.send_message_form_conversation', function(e) {
e.preventDefault();
var id_to = $(this).find('#id_to').val();
var msj = $(this).find('#msj').val();
if (msj.length >= 2) {
$(this).find('#msj').val('');
$(this).find('.nicEdit-main').html('');
//alert(id_to);
$('.conversation').append(
'<li class="unread fake">' +
'<div class="avatar">' +
'<a href="index.php?userid=<?=sesion()?>">' +
'<img alt="" src="<?=$_SESSION['avatar']?>">' +
'</a>' +
'</div>' +
'<div class="txt">' +
'<a class="userName" href="index.php?userid=<?=sesion()?>">' +
'<?=$_SESSION['alias']?> -- ' +
'<span class="date">' +
"<?=get_texto_clave('ahora mismo')?>" +
'</span>' +
'</a>
'<span class="msj">' + msj + '</span>' +
'</div>' +
'<span data-id="47" class="close">X</span>' +
'</li>');
$.post('includes/msj.php?', {
task : 'post_message',
id_to : id_to,
msj : msj
}, function (data, response) {
$(".conversation").scrollTop($(".conversation")[0].scrollHeight);
});
} else {
$(this).parent().effect("shake", { times:0, distance: 3 }, 200);
}
});
可以看到,<li>
item可能有两个类:(.fake
表示这个item是用户刚刚提交的预览,已经被js追加)或者.unread
(表示接收方刚刚收到消息)
我正在努力解决的问题是,有时我开始看到一些重复的条目(虽然只显示 - 它们在数据库中没有重复)。我猜我的间隔有问题?
这可能是什么原因造成的?(我只是继续阅读它,但我找不到任何奇怪的东西......)
PD:基本上,有些消息不止一次显示:S
-编辑-
$q = "SELECT * FROM pms " .
"WHERE ((id_to = $id and id_from = " . sesion() . ") OR " .
" (id_from = $id and id_to = " . sesion() . ")) " .
"AND (id > $from) " .
"ORDER by fecha ASC " . $limit;
此查询是$.post()
请求中使用的查询,其中$from
JavaScript 参数中的最后一个(代表显示给用户的最后一条消息)