没有重复的服务器端事件

Question

使用 PHP 和 MySQL 我正在尝试在网页上显示实时数据。

到目前为止，我能够从数据库中检索记录并每 3 秒显示一次。然而，相同的记录每 3 秒显示一次，直到插入新记录（即有重复记录）。

我想我需要在 while 循环中进行更多检查？

我无法检查唯一性 TimeStamp，因为会有多个记录具有相同的时间戳，这是完全有效的。 SeriallNo 字段是主要的、唯一的并且在每次插入后递增 1 - 也许我可以以某种方式使用它？

我的PHP;

$query = "SELECT TimeStamp, CardNo, SerialNo FROM transactions WHERE TimeStamp < ? ORDER BY TimeStamp DESC LIMIT 1";

$time = date('Y-m-d H:i:s');    
$stmt = $conn->prepare($query);
$stmt->bind_param("s", $time);
$stmt->execute();
$result = $stmt->get_result();

while($row = $result->fetch_assoc()) {
    $cardNo = $row['CardNo'];
    echo "retry: 3000\n\n"; // every 3 seconds
    echo "data: ".$cardNo. ' '.$row['TimeStamp']. "\n\n"; // card no & timestamp
}

我的HTML;

<script type="text/javascript">
    window.onload = function(){
        var source = new EventSource("data.php");
        source.onmessage = function(event){
            document.getElementById("result").innerHTML += "New transaction: " + event.data + "<br>";
        };
    };
</script>

HTML页面输出的数据样本（可以看到，重复输出）；

New transaction: 12916064 2017-08-10 10:52:03
New transaction: 12916064 2017-08-10 10:52:03
New transaction: 12916064 2017-08-10 10:52:03
New transaction: 12916064 2017-08-10 10:52:03
New transaction: 12916064 2017-08-10 10:52:03
New transaction: 12916064 2017-08-10 10:52:03
New transaction: 02723884 2017-08-10 10:54:39
New transaction: 02723884 2017-08-10 10:54:39
New transaction: 02723884 2017-08-10 10:54:39
New transaction: 02723419 2017-08-10 10:54:49
New transaction: 02723419 2017-08-10 10:54:49
New transaction: 02723419 2017-08-10 10:54:49
New transaction: 02723419 2017-08-10 10:54:49
New transaction: 02730552 2017-08-10 10:55:01
New transaction: 02730552 2017-08-10 10:55:01

我希望它看起来像这样（没有重复）；

New transaction: 12916064 2017-08-10 10:52:03
New transaction: 02723884 2017-08-10 10:54:39
New transaction: 02723419 2017-08-10 10:54:49
New transaction: 02730552 2017-08-10 10:55:01

感谢任何帮助。

Answer 1

你想做的是（在PHP）：

如果会话中的序列号（即这应该代表发送给客户端的最后一个序列号）与您的 $row 中的序列号相同，则不要将数据发送给客户端。

否则，如果它们不相同，则将数据发送到客户端，并将新序列号存储在会话中以代替旧序列号。

像这样：

session_start(); //at the top of the script, ideally.

//...then, after your query, when you've fetched the row:
if ($_SESSION["lastSerialNo"] != $row["SerialNo"])
{
  $_SESSION["lastSerialNo"] = $row["SerialNo"]; //store new "last" serial no in the session
  //...send data to client as you do now
}
else
{
  //probably don't need to do anything here, just don't send the data.
}

没有重复的服务器端事件

Server Side Events with No Duplicates

html

javascript

php

real-time-data