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 相关文章推荐
php实现mysql数据库备份类
Mar 20 PHP
PHP 表单提交给自己
Jul 24 PHP
有关PHP中MVC的开发经验分享
May 17 PHP
基于php下载文件的详解
Jun 02 PHP
php使用反射插入对象示例分享
Mar 11 PHP
php简单实现无限分类树形列表的方法
Mar 27 PHP
PHP中使用hidef扩展代替define提高性能
Apr 09 PHP
php使用Jpgraph绘制复杂X-Y坐标图的方法
Jun 10 PHP
php实现CSV文件导入和导出
Oct 24 PHP
完美解决thinkphp唯一索引重复时出错的问题
Mar 31 PHP
PHP实现登陆并抓取微信列表中最新一组微信消息的方法
Jul 10 PHP
PHP程序员简单的开展服务治理架构操作详解(三)
May 14 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
You might like
PHP 表单提交给自己
2008/07/24 PHP
PHP 截取字符串专题集合
2010/08/19 PHP
对于PHP 5.4 你必须要知道的
2013/08/07 PHP
Centos PHP 扩展Xchche的安装教程
2016/07/09 PHP
PHP按符号截取字符串的指定部分的实现方法
2018/09/10 PHP
PHP 面向对象程序设计之类属性与类常量实现方法分析
2020/04/13 PHP
js获取判断上传文件后缀名的示例代码
2014/02/19 Javascript
jQuery实现鼠标划过修改样式的方法
2015/04/14 Javascript
jquery任意位置浮动固定层插件用法实例
2015/05/29 Javascript
基于JavaScript实现仿京东图片轮播效果
2015/11/06 Javascript
基于javascript实现全屏漂浮广告
2016/03/31 Javascript
JavaScript模仿Pinterest实现图片预加载功能
2016/10/25 Javascript
jquery实现input框获取焦点的方法
2017/02/06 Javascript
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
2017/03/21 jQuery
jQuery获取table表中的td标签(实例讲解)
2017/07/28 jQuery
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
2017/09/18 Javascript
vue 实现axios拦截、页面跳转和token 验证
2018/07/17 Javascript
vue+element UI实现树形表格带复选框的示例代码
2019/04/16 Javascript
微信小程序云开发如何使用云函数生成二维码
2019/05/18 Javascript
vue3 源码解读之 time slicing的使用方法
2019/10/31 Javascript
Javascript实现秒表计时游戏
2020/05/27 Javascript
vue 实现在同一界面实现组件的动态添加和删除功能
2020/06/16 Javascript
OpenLayers3实现地图显示功能
2020/09/25 Javascript
js实现有趣的倒计时效果
2021/01/19 Javascript
[44:51]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第二场
2018/04/05 DOTA
[52:02]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第一场 11.27
2020/11/30 DOTA
[02:16]完美世界DOTA2联赛PWL S3 集锦第三期
2020/12/21 DOTA
浅谈Python对内存的使用(深浅拷贝)
2018/01/17 Python
python基础梳理(一)(推荐)
2019/04/06 Python
解决Python计算矩阵乘向量,矩阵乘实数的一些小错误
2019/08/26 Python
keras中的backend.clip用法
2020/05/22 Python
python中查看.db文件中表格的名字及表格中的字段操作
2020/07/07 Python
大学毕业生工作的自我评价
2013/10/01 职场文书
财务稽核岗位职责
2015/04/13 职场文书
2016年中学清明节活动总结
2016/04/01 职场文书
JS前端canvas交互实现拖拽旋转及缩放示例
2022/08/05 Javascript