jquery PHP实现实时数据更新的方法：1、创建数据表；2、通过创建服务器文件“demo.PHP”连接数据库并进行相关操作；3、创建显示数据的“fresh.html”网页即可。
本文操作环境：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, '马云');
<?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教程》
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
