在WEB開發中,我們經常會遇到需要自動更新頁面的需求,一般情況下我們會使用Ajax技術來實現。下面,我們將介紹如何使用PHP Ajax自動刷新。
PHP Ajax自動刷新可以應用于很多場景,例如網站的實時新聞、在線聊天室、在線數據監控等。其實現原理是通過Ajax局部刷新技術,將需要自動更新的內容通過AJAX調用服務器端的PHP頁面來實現。
接下來,我們來看看具體的實現方法:
<script type="text/javascript"> function autoRefresh() { $.ajax({ url: "refresh.php", type: "post", success: function (data) { $('#content').html(data); } }); } setInterval('autoRefresh()', 2000); //每2秒調用一次ajax </script>
上面的代碼通過Javascript定時調用autoRefresh()函數,每隔2秒向后臺的refresh.php文件發送請求,并將服務器返回的數據更新在id為'content'的HTML標記中。
下面我們來看看refresh.php文件的代碼
<?php //查詢數據庫 $sql = "SELECT * FROM news ORDER BY id DESC LIMIT 5";//查詢最新5條新聞 $data = $db->query($sql); // $db為數據庫連接對象 $result = ""; while ($row = mysqli_fetch_array($data)) { $result .= "<li>{$row['content']}</li>"; } echo $result; ?>
上面的代碼通過數據庫查詢獲取最新5條新聞的信息,并生成HTML代碼返回給前臺頁面。
在以上代碼中,需要注意以下幾點:
- 需要在HTML頁面中引入jQuery庫文件。
- 需要將數據庫連接對象($db)提前定義,并賦值為連接到數據庫的連接對象。
至此,PHP Ajax自動刷新的實現就完成了。通過以上代碼的實現,我們可以很方便地實現對于需要自動更新的內容進行實時監控的應用。
上一篇php ajax菜鳥
下一篇php ajax范例