新しいレコードが挿入されたときにPHP通知アラート


問題点:
私の小さなプロジェクトは、PHPを使用して販売データベースを監視する必要があります.
ページは、私が販売要求に応じることができるように、データベースのどんな新しいエントリーもモニターしなければなりません.
可能であれば、毎分毎分更新されます.私のコードは、毎分更新する必要があるという点を除いて、うまく動作しています.
私はまだ現在の顧客に出席しているので、私はまだ私のページを更新する必要があるので、それはとても面倒です.
私のページを通して新鮮な販売情報を持つことができた方法はありますか?
これが私のコードです.
$sales = '';
// Set the query String
$sql = "SELECT * FROM $tblname where `status`= 1";

// Reading the Specific Record
$query = $conn->query($sql);

// Check if record exist
if ($query->num_rows > 0) {
    // Loop through the retrieve records
    while($record = $query->fetch_assoc()) {                

        $sales .= '
        <div>Customer: '.$record["customer"]. 'date: '.$record["date"].' Transaction #: '.$record["transaction "].'  </div>';                            
    }
}
??>

販売監視
<div id="main">
    <div id="activity"></div>
    <div id="notification"><?php echo $sales; ?></div>
</div>
感謝
解決方法
Ajax呼び出しを使用してJavaScriptを使用できます.Ajaxの呼び出しを使用して1分に間隔を設定すると、新鮮な販売情報を毎分があります.まず、上記のPHPコードをAjaxがコールする別のPHPファイルに転送できます."getNewTransaction . php "と呼びます.
$sales = '';
// Set the query String
$sql = "SELECT * FROM $tblname where `status`= 1";

// Reading the Specific Record
$query = $conn->query($sql);

// Check if record exist
if ($query->num_rows > 0) {
    // Loop through the retrieve records
    while($record = $query->fetch_assoc()) {                

        $sales .= '
        <div>Customer: '.$record["customer"]. 'date: '.$record["date"].' Transaction #: '.$record["transaction "].'  </div>';                            
    }
}

// Return this value to the main page
echo $sales;
??>
それがうまく動作しているので、エコー$販売だけがコードに追加されます.これが完了したら、我々はAjaxの呼び出しを行う準備が整いました.JavaScriptは以下の通りです.
// seconds * milliSeconds
  var minuteMS = 60 * 1000;

// Make sure that the page is already loaded
$(document).ready(function() {
    // Set the interval to 1 minute
    window.setInterval(function() {
        getInfo();
    }, minuteMS);
});

function getInfo() {
    //make the ajax call
    $.ajax({
        url: 'getnewTransaction.php',
        type: 'POST',
        data: {},
        success: function(data) {
            document.getElementById("notification").innerHTML = data;    
        },
        error: function (request, status, error) {
            alert(request.responseText);
        }
    });
}
そこに行く、minutems変数のメモを取る.必要な秒数を変更することにより、リフレッシュ間隔を変更することができます.この変数を使用すると、はるかに高いか低いリフレッシュ間隔を決定する場合に役立ちます.
ハッピーコーディング!