服务器发送事件时面对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

这与event Bubbling无关。 这是从您要发送的服务器端datas ，问题是每4秒从头开始发送数据。

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

如果您还可以发布要从中发送数据的PHP文件，这将很有用。