【发布时间】:2015-04-02 12:51:51
【问题描述】:
我正在使用 SSE 事件将用户的好友请求计数从服务器推送到客户端。但是当我这样做时,网站的其他页面会卡住并继续加载(可能是由于用户会话锁定)。如何在会话运行时将 SSE 事件数据推送到客户端而不让其他页面等待?
我在客户端有一个事件监听器,如下所示:
var evtSource = new EventSource("friend-req.php");
var eventList = $('#list'); //this is div's ID on xhtml page
$(document).ready(function(){
$(function(){
evtSource.addEventListener("requests", function(e) {
var newElement = document.createElement("li");
var obj = JSON.parse(e.data);
newElement.innerHTML = "friend request count: " + obj.count;
eventList.append(newElement);
}, false);
});
});
在服务器端,我使用了一个事件 while 循环(正如许多关于 SO 的文章所建议的那样)。首先,我从数据库中获取当前会话用户的好友请求计数,然后将其推送到事件“请求”(客户端正在侦听)。
<?php
//friend-req.php file
session_start();
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
include_once 'db.php';
$db = new db();
while (1) {
$user = $_SESSION['user'];
$q = "select count(*) num from requests where status = 1 and id = $user";
$result = $db->select($q) or die("Query Failed:" . $db->last_error);
if($result)
{
$r = $db->get_row($result);
echo "event: requests\n";
echo 'data: {"count": "' . $r['num'] . '"}';
echo "\n\n";
}
ob_flush();
flush();
sleep(5);
}
?>
问题是当我运行客户端脚本时,它运行良好,但我的其他页面都没有加载。我已经搜索了解决方案,但在 SO 和其他网站上都没有找到任何令人满意的答案。告诉我如何发送带有会话的服务器端事件而不是让其他页面等待(或者如果方法/更好的方法有任何缺陷)
【问题讨论】:
-
你是如何克服这个问题的?你有没有让其他页面加载? Bcos 我也面临与 SSE 相同的问题。