- 当用户发送新消息时,我将其作为“预览”附加到对话线程中,同时使用
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>
项可能有两个类:.fake
(这意味着该项是用户刚刚提交的预览,并已由js添加)或.unread
(这意味着接收者刚刚收到了消息)我正在努力解决的问题是有时我开始看到一些重复的条目(只显示,但它们在数据库中并不重复)。我猜测我的间隔出了问题?
这可能是什么原因?(我一直在阅读它,但我找不到任何奇怪的地方...)
附注:基本上,一些消息被显示了多次: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参数中最后一个(表示最后一条向用户显示的消息)
includes/router.php?task=update_conversation
脚本如何确保不会重复发送条目? - Bergi