php+jQuery ajax实现的实时刷新显示数据功能示例
发布:smiling 来源: PHP粉丝网 添加日期:2021-12-17 16:43:30 浏览: 评论:0
本文实例讲述了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>
Tags: php+jQuery php实时刷新
相关文章
- ·php+jquery实现无限级目录遍历展示代码(2014-06-15)
- ·PHP+jquery+ajax实现即时聊天功能实例(2021-05-04)
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)