本文實例講述了php+jQuery ajax實現的實時刷新顯示數據功能。分享給大家供大家參考,具體如下:
創建數據表:demo
--
-- 表的結構 `demo`
--
CREATE TABLE IF NOT EXISTS `demo` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`name` varchar(20) COLLATE utf8_bin NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_bin AUTO_INCREMENT=5 ;
--
-- 轉存表中的數據 `demo`
--
INSERT INTO `demo` (`id`, `name`) VALUES
(1, '雷軍'),
(2, '馬化騰'),
(3, '李彥宏'),
(4, '馬云');
服務器文件:demo.php
?php
$mysqli = new mysqli("localhost","root","","test");
$mysqli->set_charset('utf8');
$query = 'SELECT * FROM demo';
$result = $mysqli->query($query);
$arr = $result->fetch_all(MYSQLI_ASSOC);
$info = json_encode($arr);
echo $json = '{"success":true,"info":'.$info.'}';
顯示數據網頁: fresh.html
html>
head>
meta charset='utf-8'>
title>hello/title>
/head>
body>
script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js">/script>
script>
function check(){
$.ajax({
type:"GET",
url:"./demo.php",
dataType:"json",
success:function(data){
if(data.success){
var count = data.info.length;
for(i=0;icount;i++){
var dom = "tr align='center' id='"+data.info[i].id+"'>td>"+data.info[i].id+"/td>td>"+data.info[i].name+"/td>/tr>";
var tag = '#'+data.info[i].id;
if(!$(tag).length){
$("#info").append(dom);
}
}
}else{
alert('error');
}
},
error:function(res){
alert(res.status);
}
});
}
window.setInterval(check, 1000); //每秒執行一次
/script>
body>
div style='width:600px;margin:0 auto;'>
table border='1' width="600px">
thead>
tr>th>id/th>th>name/th>/tr>
/thead>
tbody id='info'>
tr align='center' id='111'>td>111/td>td>測試/td>/tr>
/tbody>
/table>
/div>
/body>
/html>
更多關于PHP相關內容可查看本站專題:《PHP+ajax技巧與應用小結》、《PHP網絡編程技巧總結》、《php字符串(string)用法總結》、《php+mysql數據庫操作入門教程》及《php常見數據庫操作技巧匯總》
希望本文所述對大家PHP程序設計有所幫助。
您可能感興趣的文章:- jQuery+Ajax實現用戶名重名實時檢測
- Asp.net下利用Jquery Ajax實現用戶注冊檢測(驗證用戶名是否存)
- jquery ajax 檢測用戶注冊時用戶名是否存在
- jquery+ajax實現異步上傳文件顯示進度條
- Jquery ajax書寫方法代碼實例解析
- 基于ajax及jQuery實現局部刷新過程解析
- JQuery發送ajax請求時中文亂碼問題解決
- JQuery Ajax如何實現注冊檢測用戶名