我想使用PHP/Javascript（Jquery）来实现一个包含群聊和私聊功能的聊天室。
问题在于如何以自然的方式连续更新界面，还可能如何在私聊中显示'X正在输入……'消息。
明显的方法似乎是每隔X秒/毫秒，javascript向服务器发出ping请求，并获取上次ping到现在之间的新消息列表。但是，如果聊天室突然被洪水般的五条消息淹没，则界面可能看起来有点不自然。我希望每个消息都能在输入时出现。
是否有一种方法使javascript与服务器保持持续连接，服务器将任何新消息推送到此连接，而javascript将其添加到界面中，使它们几乎在服务器接收到它们后立即出现？
我知道有一些轮询选项需要安装一些Apache模块等，但我很糟糕的系统管理员，因此我更喜欢在共享主机帐户上安装非常容易的解决方案，或者仅使用php/mysql的解决方案。
我使用了这本书/教程来编写我的聊天应用：
AJAX和PHP：构建响应式Web应用程序：第5章：AJAX聊天和JSON。
它展示了如何从头开始编写完整的聊天脚本。
来自：zeitoun：
Comet使Web服务器能够向客户端发送数据，而无需客户端请求。因此，这种技术将比经典的 AJAX 产生更加响应的应用程序。在经典的 AJAX 应用程序中，Web浏览器（客户端）无法实时通知服务器数据模型已更改。用户必须创建请求（例如，通过单击链接）或必须定期发生 AJAX 请求以获取来自服务器的新数据。
我将向您展示两种使用PHP实现Comet的方法。例如：
<iframe>使用服务器时间戳第一种方法在客户端上实时显示服务器日期，然后显示迷你聊天。
您需要：
backend.phpindex.html后端脚本（backend.php）将执行无限循环，并在客户端连接时返回服务器时间。
<?php
header("Cache-Control: no-cache, must-revalidate");
header("Expires: Sun, 5 Mar 2012 05:00:00 GMT");
flush();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Comet php backend</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<script type="text/javascript">
// KHTML browser don't share javascripts between iframes
var is_khtml = navigator.appName.match("Konqueror") || navigator.appVersion.match("KHTML");
if (is_khtml)
{
var prototypejs = document.createElement('script');
prototypejs.setAttribute('type','text/javascript');
prototypejs.setAttribute('src','prototype.js');
var head = document.getElementsByTagName('head');
head[0].appendChild(prototypejs);
}
// load the comet object
var comet = window.parent.comet;
</script>
<?php
while(1) {
echo '<script type="text/javascript">';
echo 'comet.printServerTime('.time().');';
echo '</script>';
flush(); // used to send the echoed data to the client
sleep(1); // a little break to unload the server CPU
}
?>
</body>
</html>
index.html）创建了一个名为“comet”的JavaScript对象，它将把后端脚本连接到时间容器标签。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Comet demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="prototype.js"></script>
</head>
<body>
<div id="content">The server time will be shown here</div>
<script type="text/javascript">
var comet = {
connection : false,
iframediv : false,
initialize: function() {
if (navigator.appVersion.indexOf("MSIE") != -1) {
// For IE browsers
comet.connection = new ActiveXObject("htmlfile");
comet.connection.open();
comet.connection.write("<html>");
comet.connection.write("<script>document.domain = '"+document.domain+"'");
comet.connection.write("</html>");
comet.connection.close();
comet.iframediv = comet.connection.createElement("div");
comet.connection.appendChild(comet.iframediv);
comet.connection.parentWindow.comet = comet;
comet.iframediv.innerHTML = "<iframe id='comet_iframe' src='./backend.php'></iframe>";
} else if (navigator.appVersion.indexOf("KHTML") != -1) {
// for KHTML browsers
comet.connection = document.createElement('iframe');
comet.connection.setAttribute('id', 'comet_iframe');
comet.connection.setAttribute('src', './backend.php');
with (comet.connection.style) {
position = "absolute";
left = top = "-100px";
height = width = "1px";
visibility = "hidden";
}
document.body.appendChild(comet.connection);
} else {
// For other browser (Firefox...)
comet.connection = document.createElement('iframe');
comet.connection.setAttribute('id', 'comet_iframe');
with (comet.connection.style) {
left = top = "-100px";
height = width = "1px";
visibility = "hidden";
display = 'none';
}
comet.iframediv = document.createElement('iframe');
comet.iframediv.setAttribute('src', './backend.php');
comet.connection.appendChild(comet.iframediv);
document.body.appendChild(comet.connection);
}
},
// this function will be called from backend.php
printServerTime: function (time) {
$('content').innerHTML = time;
},
onUnload: function() {
if (comet.connection) {
comet.connection = false; // release the iframe to prevent problems with IE when reloading the page
}
}
}
Event.observe(window, "load", comet.initialize);
Event.observe(window, "unload", comet.onUnload);
</script>
</body>
</html>
您需要与方法1相同的内容+用于数据交换的文件（data.txt）
现在，backend.php将执行两件事：
<?php
$filename = dirname(__FILE__).'/data.txt';
// store new message in the file
$msg = isset($_GET['msg']) ? $_GET['msg'] : '';
if ($msg != '')
{
file_put_contents($filename,$msg);
die();
}
// infinite loop until the data file is not modified
$lastmodif = isset($_GET['timestamp']) ? $_GET['timestamp'] : 0;
$currentmodif = filemtime($filename);
while ($currentmodif <= $lastmodif) // check if the data file has been modified
{
usleep(10000); // sleep 10ms to unload the CPU
clearstatcache();
$currentmodif = filemtime($filename);
}
// return a json array
$response = array();
$response['msg'] = file_get_contents($filename);
$response['timestamp'] = $currentmodif;
echo json_encode($response);
flush();
?>
前端脚本（index.html）创建包含来自"data.txt"文件的聊天消息的<div id="content"></div>标签，最后创建一个名为"comet"的javascript对象，该对象将调用后端脚本以监视新的聊天消息。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Comet demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="prototype.js"></script>
</head>
<body>
<div id="content">
</div>
<p>
<form action="" method="get" onsubmit="comet.doRequest($('word').value);$('word').value='';return false;">
<input type="text" name="word" id="word" value="" />
<input type="submit" name="submit" value="Send" />
</form>
</p>
<script type="text/javascript">
var Comet = Class.create();
Comet.prototype = {
timestamp: 0,
url: './backend.php',
noerror: true,
initialize: function() { },
connect: function()
{
this.ajax = new Ajax.Request(this.url, {
method: 'get',
parameters: { 'timestamp' : this.timestamp },
onSuccess: function(transport) {
// handle the server response
var response = transport.responseText.evalJSON();
this.comet.timestamp = response['timestamp'];
this.comet.handleResponse(response);
this.comet.noerror = true;
},
onComplete: function(transport) {
// send a new ajax request when this request is finished
if (!this.comet.noerror)
// if a connection problem occurs, try to reconnect each 5 seconds
setTimeout(function(){ comet.connect() }, 5000);
else
this.comet.connect();
this.comet.noerror = false;
}
});
this.ajax.comet = this;
},
disconnect: function()
{
},
handleResponse: function(response)
{
$('content').innerHTML += '<div>' + response['msg'] + '</div>';
},
doRequest: function(request)
{
new Ajax.Request(this.url, {
method: 'get',
parameters: { 'msg' : request
});
}
}
var comet = new Comet();
comet.connect();
</script>
</body>
</html>
你还可以看看其他聊天应用程序来了解它们是如何实现的：
http://hot-things.net/?q=blite - BlaB! Lite 是一个基于 AJAX 的最佳浏览器聊天系统，支持 MySQL、SQLite 和 PostgreSQL 数据库。
Gmail/Facebook 风格的 jQuery 聊天模块 - 此 jQuery 聊天模块可让您无缝地将 Gmail/Facebook 风格的聊天集成到您现有的网站中。
编写 JavaScript/PHP 聊天服务器 - 一份教程
CometChat - CometChat 运行在标准共享服务器上，只需要 PHP + mySQL。
我建议使用HTML5 WebSockets实现，对于较旧的浏览器，可以使用长轮询或comet作为后备。WebSockets将打开与浏览器的持久连接。 有一个开源的php实现WebSocket服务器。
我相信你所遇到的问题需要使用Comet Web编程。你可以在维基百科上搜索Comet编程以及Ajaxian上查找更多详细信息（我还是这个网站的新手，无法在回复中发布超过1个链接）。
问题在于，在服务器端使用PHP不能轻松实现此目标。更多细节请参见： 使用PHP进行Comet编程
此外，如果你在谷歌上搜索“php comet”，你会找到一个教程来实现所需的效果。
后期编辑
使用该引擎实现了一个项目。非常棒。
希望这能帮到你， Gabriel
Ajax Chat是一款轻量级可定制的Web聊天软件，采用JavaScript和PHP实现。该脚本不需要Java、Flash或任何其他插件。
PHP in CLI=Yes,PHP in HTTP call=No,PHP + Javascript=Possible cause JavaScript can fire multi requestsPHP在CLI中=是，PHP在HTTP调用中=否，PHP + Javascript=可能会导致JavaScript触发多个请求- ajreal