2015-06-09 69 views
-3

我有一個類從數據庫中獲取結果,並且結果正在循環,數據庫正在定期更新,但我不想刷新頁面,因爲有些原因。循環通過MySQL結果每1秒使用Ajax

//file class.php 

class order { 
    function getOrders(){ 
    //gets data from database 

    } 

} 

//file main.php 

$ai = new order(); 

$orders = $ai->getOrders(); 

foreach($orders AS $order){ 

//data displayed in a table 
} 

我希望表格在沒有頁面重新加載的情況下自動更新。

我知道我必須使用AJAX,但我不知道該怎麼實現,在接力

回答

1

使用這樣的事情。

$(function() { 
 
    setInterval(function() { 
 
    $("#liveTable").load("path/to/orderList"); 
 
    }, 1000); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div id="liveTable"></div>

0

您需要使用JavaScript和jQuery HTML網頁上,以便重新加載頁面的一部分。

您可以添加以下在HTML頁面中的頭:

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
<script> 
$(document).ready(function() 
{ 
    theIntervalHandle = setInterval(fetchNewOrders,3000); 
}); 

function fetchNewOrders() 
{ 
    $('#ordersDiv').load('http://your.web.address/class.php'); 
} 
</script> 

<div id="ordersDiv"></div> 

要將動態內容顯示HTML文件的身體裏面。 這假設創建輸出的文件被稱爲class.php,並且每秒每秒3次獲取數據的頻率很高,並且如果您的流量增加超過幾十個用戶,則會導致問題...