php+jQuery ajax實現(xiàn)的實時刷新顯示數據功能示例

更新時間：2019年09月12日 11:39:33 作者：koastal

這篇文章主要介紹了php+jQuery ajax實現(xiàn)的實時刷新顯示數據功能,結合實例形式分析了php結合jQuery ajax實時刷新讀取顯示數據庫數據相關操作技巧,需要的朋友可以參考下

本文實例講述了php+jQuery ajax實現(xiàn)的實時刷新顯示數據功能。分享給大家供大家參考，具體如下：

創(chuàng)建數據表：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;i<count;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); //每秒執(zhí)行一次
</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程序設計有所幫助。

您可能感興趣的文章:

深入apache配置文件httpd.conf的部分參數說明
本篇文章是對apache配置文件httpd.conf的部分參數說明進行了詳細的分析介紹，需要的朋友參考下
2013-06-06
PHP獲取當前頁面URL函數實例
這篇文章主要介紹了PHP獲取當前頁面URL函數實例,講述了一個非常簡單實用的獲取當前頁面URL的函數,并附帶說明了server參數的用法,需要的朋友可以參考下
2014-10-10
php數據庫中將base64圖片數據轉化為可訪問src的方法詳解
后端同學在對一些老項目進行二次開發(fā)時候,可能會遇到一些小的圖片以base64的方式存儲在數據庫中的情況,這樣做的好處是這些圖片數據一般不會因為項目重新部署而丟失,但是這么做也會存在一些壞處,本文給大家介紹了php數據庫中base64圖片數據轉化可訪問的src的方法
2023-10-10
php實用代碼片段整理
這篇文章主要介紹了php實用代碼片段,整理歸納了php常見的編程技巧代碼段,包括網頁、字符串、圖片、日期、數組及json等操作技巧,需要的朋友可以參考下
2016-11-11
再談PHP未來之路
這篇文章主要介紹了再談PHP未來之路，對PHP感興趣的同學，可以看一下
2021-04-04
PHP調試的強悍利器之PHPDBG
這篇文章主要為大家詳細介紹了PHP調試的強悍利器之PHPDBG的相關資料，感興趣的小伙伴們可以參考一下
2016-02-02
PHP加密解密類實例分析
這篇文章主要介紹了PHP加密解密類,實例分析了php實現(xiàn)加密與解密的原理與相關技巧,非常具有實用價值,需要的朋友可以參考下
2015-04-04
ThinkPHP中處理表單中的注意事項
這篇文章主要介紹了ThinkPHP中處理表單中的注意事項,分析并總結了ThinkPHP表單處理中需要注意的問題,包括URL訪問、錯誤處理、查詢、添加、刪除的技巧等問題,需要的朋友可以參考下
2014-11-11
使用bcompiler對PHP文件進行加密的代碼
在網上無意間看到這個功能代碼，還沒有去試，以后有機會用到時在試一試。收藏一下。
2010-08-08
PHP XML操作類DOMDocument
不得不自已寫一個.XML 的操作一直沒有用過.下面是自己搜集的XML操作類
2009-12-12