编程 PHP

php+jQuery ajax实现的实时刷新显示数据功能示例

Posted in PHP onSeptember 12, 2019

本文实例讲述了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;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); //每秒执行一次
</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程序设计有所帮助。

php+jQuery ajax实现的实时刷新显示数据功能示例

- Author -

koastal

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

PHP 相关文章推荐

PHP 翻页实例代码

Aug 07 PHP

PHP 引用文件技巧

Mar 02 PHP

PHP操作数组相关函数

Feb 03 PHP

使用PHP实现二分查找算法代码分享

Jun 24 PHP

php递归json类实例

Dec 02 PHP

php实现的数字验证码及数字运算验证码

Jul 30 PHP

php用正则判断是否为数字的方法

Mar 25 PHP

php中的登陆login实例代码

Jun 20 PHP

PHP判断是手机端还是PC端 PHP判断是否是微信浏览器

Mar 15 PHP

php实现微信支付之现金红包

May 30 PHP

php 根据URL下载远程图片、压缩包、pdf等文件到本地

Jul 26 PHP

PHP快速导出百万级数据到CSV或者EXCEL文件

Nov 27 PHP

php创建多级目录与级联删除文件的方法示例

Sep 12 #PHP

PHP实现的文件浏览器功能简单示例

Sep 12 #PHP

PHP通过文件保存和更新信息的方法分析

Sep 12 #PHP

关于Curl在Swoole协程中的解决方案详析

Sep 12 #PHP

PHP判断一个变量是否为整数、正整数的方法示例

Sep 11 #PHP

PHP中有关长整数的一些操作教程

Sep 11 #PHP

PHP生成随机字符串实例代码（字母+数字）

Sep 11 #PHP