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 相关文章推荐
利用 window_onload 实现select默认选择
Oct 09 PHP
php Ajax乱码
Apr 09 PHP
建站常用13种PHP开源CMS比较
Aug 23 PHP
php while循环得到循环次数
Oct 26 PHP
php curl登陆qq后获取用户信息时证书错误
Feb 03 PHP
php检测url是否存在的方法
Apr 14 PHP
PHP表单数据写入MySQL数据库的代码
May 31 PHP
thinkphp Apache配置重启Apache1 restart 出错解决办法
Feb 15 PHP
轻松实现php文件上传功能
Feb 17 PHP
php多进程模拟并发事务产生的问题小结
Dec 07 PHP
PHP文件操作实例总结【文件上传、下载、分页】
Dec 08 PHP
PHP框架实现WebSocket在线聊天通讯系统
Nov 21 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
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
提取HTML标签
2006/10/09 PHP
基于mysql的bbs设计(三)
2006/10/09 PHP
PHP中通过ADO调用Access数据库的方法测试不通过
2006/12/31 PHP
php缓冲 output_buffering的使用详解
2013/06/13 PHP
一个PHP二维数组排序的函数分享
2014/01/17 PHP
laravel通过a标签从视图向控制器实现传值
2019/10/15 PHP
Prototype Array对象 学习
2009/07/19 Javascript
jquery select下拉框操作的一些说明
2010/04/02 Javascript
统计出现最多的字符次数的js代码
2010/12/03 Javascript
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
2013/08/13 Javascript
获取表单控件原始(初始)值的方法
2013/08/21 Javascript
js charAt的使用示例
2014/02/18 Javascript
jQuery表格排序组件-tablesorter使用示例
2014/05/26 Javascript
DOM基础教程之模型中的模型节点
2015/01/19 Javascript
PHP结合jQuery实现的评论顶、踩功能
2015/07/22 Javascript
灵活的理解JavaScript中的this指向
2016/02/25 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
2017/02/22 Javascript
微信小程序如何获取openid及用户信息
2018/01/26 Javascript
使用webpack3.0配置webpack-dev-server教程
2018/05/29 Javascript
微信小程序实现顶部导航特效
2019/01/28 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
2019/09/10 Javascript
[02:47]3.19DOTA2发布会 国服成长历程回顾
2014/03/25 DOTA
[57:22]完美世界DOTA2联赛PWL S2 FTD vs PXG 第二场 11.27
2020/12/01 DOTA
python实现socket端口重定向示例
2014/02/10 Python
理解Python中的With语句
2016/03/18 Python
Python代理IP爬虫的新手使用教程
2019/09/05 Python
python绘制汉诺塔
2021/03/01 Python
薇诺娜官方网上商城:专注敏感肌肤
2017/05/25 全球购物
文秘专业应届生求职信范文
2013/11/14 职场文书
军训自我鉴定
2014/01/22 职场文书
幼儿园教师获奖感言
2014/03/11 职场文书
护理人员的自我评价分享
2014/03/15 职场文书
干部培训工作总结2015
2015/05/25 职场文书
导游词之山海关
2019/12/10 职场文书
yyds什么意思?90后已经听不懂00后讲话了……
2022/02/03 杂记