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
您可能感兴趣
- thinkphp框架实例(ThinkPHP框架整合微信支付之JSAPI模式图文详解)
- php源码如何导入dw中(php导入文件夹图片保存到dedecms的方法)
- phpstudy的默认网站根目录是什么(phpstudy v8.0创建本地站点域名教程图文)
- thinkphp使用说明(thinkphp框架使用JWTtoken的方法详解)
- php运用redis实现抢购实例(PHP+redis实现微博的拉模型案例详解)
- php优势和缺点(PHP的介绍以及优势详细分析)
- php7.4 废弃功能(浅析PHP7 的垃圾回收机制)
- php错误处理及调试(php报错502 bad gateway解决方法)
- php防session劫持(使用SMB共享来绕过php远程文件包含的限制执行RFI的利用)
- php多维数组怎么转换json(php实现的数组转xml案例分析)
- nginx 怎么搭建web服务器(Linux+Nginx+Php架设高性能WEB服务器)
- phpstudy如何部署在linux上(phpstudy linux面板CC防护功能使用教程)
- php开发微信小程序后台步骤流程(基于PHP实现微信小程序客服消息功能)
- phpmyadmin 安装教程(新安装的XAMPP访问phpmyadmin出错的解决方法)
- php 各类商品结算算法(PHP实现财务审核通过后返现金额到客户的功能)
- 用php调用函数的换行(php中关于换行的实例写法)
- vivo首款智能手表来了 也有血氧饱和度监测,一次充电18天续航(vivo首款智能手表来了)
- 你知道 七夕 的真正含义吗(你知道七夕的真正含义吗)
- 七夕的寓意(七夕的寓意)
- 苏志燮赵恩静结婚,韩国四大公共财产变三人,这么快就有替补了(苏志燮赵恩静结婚)
- 《内在美》后,一大波新韩剧来袭,李钟硕朴信惠宋慧乔玄彬回归(一大波新韩剧来袭)
- 给孩子选购保温杯,注意这4个步骤,比颜值更重要(给孩子选购保温杯)
热门推荐
- php逻辑技巧图解(php版本CKEditor 4和CKFinder安装及配置方法图文教程)
- jquery判断是否显示或隐藏
- SQL SERVER中@@TRANCOUNT
- python识别验证码教程(Python3.5 + sklearn利用SVM自动识别字母验证码方法示例)
- macos安装虚拟机教程(VMware虚拟机安装苹果Mac OS的超详细教程)
- 织梦安装图文教程(织梦网站安装教程 织梦模板通用安装图文教程)
- Extjs中FieldSet的收缩和展开
- html5的canvas代码(H5最强接口之canvas实现动态图形功能)
- aspwebserver怎么操作(EasyWebServer怎么用?EasyWebServer网站服务器软件使用教程)
- SQL中patindex的用法
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9