jqueryajax实现部分刷新(php+jQuery ajax实现的实时刷新显示数据功能示例)
类别:编程学习 浏览量:760
时间:2021-10-22 07:47:32 jqueryajax实现部分刷新
php+jQuery ajax实现的实时刷新显示数据功能示例本文实例讲述了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> <li 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> </li> </body> </html> |
希望本文所述对大家PHP程序设计有所帮助。
原文链接:https://blog.csdn.net/koastal/article/details/50833798
您可能感兴趣
- 在php中遍历数组使用(PHP读取远程txt文档到数组并实现遍历)
- PHP如何安装(PHP使用 Pear 进行安装和卸载包的方法详解)
- php框架使用方法大全(PHP MVC框架中类的自动加载机制实例分析)
- php7.4类型属性实例详解(PHP 7.4中使用预加载的方法详解)
- php解压压缩包(PHP 实现文件压缩解压操作的方法)
- thinkphp5如何实现消息队列(thinkPHP5.1框架使用SemanticUI实现分页功能示例)
- dedecms的dedesql.class.php on line 489错误的解决方法(dedecms的dedesql.class.php on line 489错误的解决方法)
- php网站经典案例(PHP生成短网址的思路以及实现方法的详解)
- php数据错误处理函数(php中错误处理操作实例分析)
- 宝塔面板phpMyAdmin错误教程(宝塔面板phpMyAdmin报错502 Bad Gateway nginx解决方法)
- phpmyadmin 安装教程(新安装的XAMPP访问phpmyadmin出错的解决方法)
- phpsession如何用(如何解决PHP获取不到SESSION信息之一般情况)
- thinkphp5开发小程序后台(PHP小程序支付功能完整版基于thinkPHP)
- php实用工具(php常用的工具开发整理)
- php关注公众号发送消息(php实现QQ小程序发送模板消息功能)
- 织梦cms中的模块怎么设置(织梦CMS模板在runphp=yes的标签中调用其他field值的方法)
- 刘韬涛丁子贺小品《根治低头族》台词剧本(刘韬涛丁子贺小品根治低头族台词剧本)
- 看完《夺冠》,黄渤的演技我实在夸不起来,彭昱畅反令人惊喜(黄渤的演技我实在夸不起来)
- 黄渤泪目 我的痴呆父亲,我内心永远的痛(黄渤泪目我的痴呆父亲)
- 蒜苔和鱿鱼尾巴一起炒,味道特别棒,又脆又嫩,有滋又有味(蒜苔和鱿鱼尾巴一起炒)
- 鱿鱼炒蒜苔不是黑暗料理,这样做清香扑鼻,鲜美脆嫩,开胃又下饭(鱿鱼炒蒜苔不是黑暗料理)
- 蒜苔炒鱿鱼(蒜苔炒鱿鱼)
热门推荐
- docker容器启动后秒退(解决docker run 或者 docker restart 启动镜像就自动退出)
- css样式基础知识(CSS深入教程之文字修饰的那点事)
- fastdfs服务器集群(fastdfs+nginx集群搭建的实现)
- 创建数据表的sql语句代码(用注解编写创建表的SQL语句)
- jquery修改带有!important的样式
- php cgi是什么意思(PHP7内核CGI与FastCGI详解)
- laravel跨域设置(解决Laravel自定义类引入和命名空间的问题)
- dede菜单激活状态(DEDE采集大师官方留后门的删除办法)
- flask快速开发框架(手把手教你使用Flask搭建ES搜索引擎预备篇)
- sql分区原理(分区表场景下的 SQL 优化)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9