长轮询聊天系统
长轮询聊天系统
提问于 2013-04-06 20:30:18
我知道长轮询是更新聊天内容的最好方法，我也知道web-socket，但我认为长轮询是最好的，因为很多浏览器都不支持web-socket。问题是我不知道如何编写长轮询脚本，我有一个常规的ajax和一个常规的php get和post脚本，那么我如何才能让这段php代码和ajax代码以长轮询的方式工作呢？(我不希望它每秒都在请求，我想让它回显数据库中的任何新消息……)
下面是我的ajax代码：
var chat = {}
chat.fetchMessages = function () {
$.ajax({
url: 'ajax/ajax/chat.php',
type: 'POST',
data: { method: 'fetch' },
success: function(data) {
$('#chats').html(data);
$('#chatshere').scrollTop($('#chatshere')[0].scrollHeight);
}
});
}
chat.interval = setInterval(chat.fetchMessages, 1000);
chat.fetchMessages();这是我的php代码：
<?php
require '../core/init.php';
if(isset($_POST['method']) === true && empty($_POST['method']) === false) {
$chat = new Chat();
$method = trim($_POST['method']);
if($method === 'fetch') {
$messages = $chat->fetchMessages();
if(empty($messages) === true) {
echo 'There is no any messages !';
}
else
{
foreach($messages as $message) {
$log_username = $_SESSION['username'];
if($message['user1'] == $log_username){
?>
<ul class="mychat">
<li class="first">
<div class="sOutline">
<div class="suser">
<a href="#">
<img style="height:30px; width:30px;" title="belowfs" alt="belowfs" class="profilepic-belowfs" src="http://demo.scritterscript.com/images/membersprofilepic/thumbs/default-s.jpg">
</a>
</div>
</div>
</li>
<li style="margin-left:-5px;">
<div style="border:1px solid #0099CC; border-radius:5px; background:#0099CC; color:#FFFFFF; padding:7px; max-width:165px;">
<?php echo nl2br($message['message']); ?>
</div>
</li>
</ul>
<?php
}else if($message['user2'] == $log_username){
?>
<ul style="float:right;" class="hischat">
<li class="first">
<div class="sOutline">
<div class="suser">
<a href="#">
<img style="height:30px; width:30px;" title="belowfs" alt="belowfs" class="profilepic-belowfs" src="http://demo.scritterscript.com/images/membersprofilepic/thumbs/default-s.jpg">
</a>
</div>
</div>
</li>
<li style="margin-right:-5px;">
<div style="border:1px solid #999; border-radius:5px; background:#999; color:#FFFFFF; padding:7px; max-width:165px;">
<?php echo nl2br($message['message']); ?>
</div>
</li>
</ul>
<?php
}
}
}
}
else if($method === 'throw' && isset($_POST['message']) === true) {
$message = trim($_POST['message']);
if(empty($message) === false) {
$chat->throwMessage($_SESSION['user'], $message);
}
}
}
?>非常感谢。
回答 2
Stack Overflow用户
发布于 2013-04-06 20:33:18
您可能想要这样做
chat.interval = setInterval(function(){chat.fetchMessages()}, 5000);而不是
chat.interval = setInterval(chat.fetchMessages, 1000);用于每5秒获取一次消息。Rest取决于您的PHP代码回显新消息。
Stack Overflow用户
发布于 2014-11-23 07:37:31
这里有一个链接，清楚地解释了不同的方法：
What are Long-Polling, Websockets, Server-Sent Events (SSE) and Comet?
长轮询系统：
- 客户端使用常规information.
- The从服务器请求网页(请参阅上面的http )。
- 请求的网页将执行从服务器请求文件的javascript。
- 服务器不会立即响应请求的信息，而是等到有新信息可用时，服务器才会响应新的information.
- The客户端接收新信息并立即向服务器发送另一个请求，重新启动该过程。
如果获取消息的时间间隔是有的，那么您可能需要查看Ajax轮询部分。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15850962
复制相关文章
相似问题
腾讯云开发者
