php+jQueryajax实现的实时刷新显示数据功能示例_php数据库数据更新实时显示

196 浏览量更新于2023-05-09 评论收藏 40KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

php+jQuery ajax实现的实时刷新显示数据功能示例实现的实时刷新显示数据功能示例

主要介绍了php+jQuery ajax实现的实时刷新显示数据功能,结合实例形式分析了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>

<title>hello</title>

</head>

<body>

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>

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

weixin_38513565

粉丝: 4
资源: 899

会员权益专享

php+jQuery ajax实现的实时刷新显示数据功能示例

评论0

会员权益专享

最新资源

php+jQuery ajax实现的实时刷新显示数据功能示例

评论0

php+ajax实时刷新简单实例

PHP+ajax+mysql 实现无刷新页面

PHP实现即时输出、实时输出内容方法

用jquery发送ajax请求刷新页面，给一个demo

php ajax实现增删改查,###实现ajax的增删改查案例（jquery)

jquery ajax

JQ+AJAX刷新数据库

layui php ajax分页,layui+thinkphp5.1实现分页（非动态表格）

jQuery Ajax

购物车案例ajax,Ajax改购物车示例

js使用ajax接口示例

mysql ajax 动态显示

html ajax分页操作实现

ajax 与php页面取值,在同一页面中使用PHP和AJAX的最佳方法

ajax数据交互

用PHP完成搜索功能，在搜索页面实现局部刷新

$.ajax 更新数据

jquery实现表单文件上传

Ajax动态表格增删改查

用图片展示ajax异步调用和局部刷新的步骤

会员权益专享

最新资源