html数据动态显示、利用ajax动态显示mysql的数据

2023-11-17 01:48| 来源: 网络整理| 查看: 265

前段时间做个关于数据采集的课设，内容是把温湿度采集保存到mysql里，再用网页显示出来。然而网页的动态显示卡了好久（温湿度一直更新，静态html不能一直刷新），多次请教最后还是解决了，方法就是利用ajax来实现。

准备工作

环境：php环境、jquery、mysql

mysql：数据库名称：design 表名：test

mysql> CREATE TABLE `test` ( `id` int AUTO_INCREMENT NOT NULL, `temp` varchar(2) NOT NULL, `humi` varchar(2) NOT NULL, PRIMARY KEY(`id`) );

数据：

INSERT INTO `test` VALUES (NULL,'38','99'); 功能实现：

一：getData.php文件连接数据库，读取id最大的数据，并且返回一个数据类型的变量。

二：index.html主页面，JavaScript写函数， 5秒一次读取getData.php的返回值，并且显示、

代码：getData.php

代码：index.html

ajax_test $(document).ready(function(e) { getRemote(); }); function getRemote () { $.getJSON('./getData.php', function (data) { $('#temp1').text(data['temp']) $('#humi1').text(data['humi']) }) setTimeout(getRemote,5000); } 房间一：温度：loading...℃ 湿度：loading...%

现象：这里写图片描述

数据库再插入一个值

INSERT INTO `test` VALUES (NULL,'11','11');

网页没刷新数据也改变了。这里写图片描述

【本文地址】

公司简介

联系我们