iis服务器助手广告广告
返回顶部
首页 > 资讯 > 后端开发 > PHP编程 >jquery php怎么实现实时数据更新
  • 217
分享到

jquery php怎么实现实时数据更新

2023-06-22 08:06:26 217人浏览 八月长安
摘要

本篇文章给大家分享的是有关Jquery PHP怎么实现实时数据更新,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。本文操作环境:windows7系统、php7.1版、Dell G

本篇文章给大家分享的是有关Jquery PHP怎么实现实时数据更新,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

本文操作环境:windows7系统、php7.1版、Dell G3电脑。

jquery php如何实现实时数据更新?

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>

以上就是jquery php怎么实现实时数据更新,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注编程网PHP编程频道。

--结束END--

本文标题: jquery php怎么实现实时数据更新

本文链接: https://www.lsjlt.com/news/303586.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作