javascript — серверные события без дубликатов

Question

javascript — серверные события без дубликатов

Используя 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

Любая помощь приветствуется.

1

html javascript php real-time-data

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Что вы хотите сделать, это (в PHP):

Если SerialNo в сеансе (т. Е. Он должен представлять последний serialNo, отправленный клиенту), совпадает с номером в вашей строке $, то не отправляйте данные клиенту.

Иначе, если они не совпадают, отправьте данные клиенту и сохраните новый номер SerialNo в сеансе вместо старого.

Что-то вроде этого:

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.
}

2