【发布时间】:2012-11-07 20:52:21
【问题描述】:
这是我的场景:
- 每当用户发送新消息时,我都会将其作为预览附加到对话线程,而
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(此表示接收方刚刚收到消息)
我一直在努力解决的问题是,有时我开始看到一些重复的条目(但仅显示 - 它们在数据库中没有重复)。我猜我的间隔有问题?
这可能是什么原因造成的? (我一直在读它,但我找不到任何奇怪的东西......)
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 参数中的最后一个(代表显示给用户的最后一条消息)
【问题讨论】:
-
使用轮询 ajax 请求的聊天确实不是最佳实践。
-
您的
includes/router.php?task=update_conversation脚本如何确保不发送两次条目? -
它没有。因为在数据库中没有重复 @Bergi (gdoron) 所以你有什么建议?
-
数据库中没有重复项,是的,但是您如何控制在单个请求中将哪些条目发送给用户?你不发送整个数据库,是吗?你应该只向用户发送那些新的......
-
@Bergi 这就是我正在做的(检查我的编辑)
标签: javascript jquery setinterval