javascript - 在服务器发送事件的情况下面对 Javascript 冒泡

Question

想想 HTML5 服务器发送的事件(我在服务器端使用 php)。为了获取服务器发送的数据，我有以下代码:

if(typeof(EventSource) !== "undefined") {
    var source = new EventSource("chat.php");
    source.onmessage = function(event) {
       $(document).click(function(){
          alert(event.data);
       });
    };
}

哪里chat.php发送一些数据 every 4 seconds 。 1st 4 second (即 0 秒到 4 秒)单击页面我得到 1 alert 。 2nd 4 seconds (即 4+ 秒到 8 秒)点击页面我收到警报 2 times 。 3rd 4 seconds (即 8+ 秒到 12 秒)我收到警报 3 times ……等等。

请注意，这有点像 javascript 冒泡。有什么想法可以摆脱这个吗？

Edit: (我正在添加更多)

服务器端代码:

<?php
    echo "data: $customers\n\n";
    /* value of $customers is produced by some query */
    flush();
    sleep(1);
?>

Answer 1

这与事件冒泡无关。这是来自您发送的服务器端数据，问题是您每 4 秒后从头开始发送数据。

解决方案是仅发送特定四秒内所需的数据，并清空服务器端文件中的data变量

如果您还可以发布用于发送数据的 PHP 文件，将会很有用