我正在使用PHP和MySQL構建一個(非常基本的)應用程序。此應用程序的目的是在網頁上顯示「實時」數據交易。這些事務來自MySQL數據庫中的transactions
表。使用PHP和MySQL的服務器端事件
到目前爲止,我可以檢索和網頁上顯示的數據。不過我期待看到的數據只刷新當新的交易被插入到transactions
表?
當前活動饋送顯示最後一條記錄,直到插入新的事務,此循環。
我的代碼到目前爲止;
transactions.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML5 Server-Sent Events</title>
<script type="text/javascript">
window.onload = function(){
var source = new EventSource("transactions.php");
source.onmessage = function(event){
document.getElementById("result").innerHTML += "New transaction: " + event.data + "<br>";
};
};
</script>
</head>
<body>
<div id="result">
<!--Server response will be inserted here-->
</div>
</body>
</html>
transactions.php
<?php
include 'conn.php'; // database connection
header("Content-Type: text/event-stream");
header("Cache-Control: no-cache");
$query = "SELECT TimeStamp, CardNo FROM transactions ORDER BY TimeStamp DESC LIMIT 1";
// `TimeStamp` is in the format YYYY-MM-DD H:i:s
if ($result = $conn->query($query)) {
$row = $result->fetch_assoc();
echo "data: " . $row['CardNo'] . "\n\n";
}
flush();
?>
我一直在關注this tutorial如果有什麼差別。
我的問題;
- 如何僅在插入新交易時刷新實時供稿?
- 活動飼料目前每3秒刷新一次,這個套餐在哪裏?
任何幫助表示讚賞。
您的查詢看起來像它會從交易表中獲取所有行。但你只有每一個從結果集中獲取一行??????這可能總是相同的行,但不一定是第一個或最後一個輸入到表 – RiggsFolly
基於這段代碼,你可能需要在每次檢索值時存儲最新的id,並檢查id是<新添加..也基於您當前的代碼,我沒有看到任何代碼刷新每3秒atm .. – Naruto
您的服務器PHP代碼應該在一個循環。循環應該以某種方式檢查新條目,並且只在發現新條目時才發送。它是通過連續循環提供_Message Pump_的服務器。 JavaScript只是對來自服務器PHP代碼 – RiggsFolly