- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我的代码中有这个文本框,每次加载/刷新此页面时,其内容都会填充查询结果。但是由于在我的情况下手动刷新不是一个选项,我该如何自动执行此操作(我只想刷新文本框)?我读过有关使用 AJAX 的文章,我也一直在阅读它,但老实说,我不太明白如何让它工作,有人可以向我解释并简化它吗?有没有更简单的方法来使用查询内容刷新文本框?
编辑:好的,我想我理解了 AJAX 的基础知识,该函数现在每秒刷新一次文本框,但是有一个小问题。它把我的 table 弄得一团糟。我已经修改了 HTML 代码,希望有人能告诉我我做错了什么。我在想我不应该在表格中包含一个 div 吗? Here's我的 table 看起来如何 how it looks like在这个小更新之后
<?php
include '../Login/db_login.php';
session_start();
$sql = "SELECT Contador FROM senhas2 WHERE ID=1";
$result = $conn->query($sql);
$row = $result->fetch_assoc();
$nome = $row['Contador']
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Página de administração - A</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
setInterval(function(){
$('#refreshtb').load('bt1admin.php');
}, 1000)
</script>
</head>
<body>
<form action="" id="atender" method="POST">
<table border="1">
<tr>
<td>Clientes em espera:</td>
<td><div id="refreshtb"><input id="refreshtb" type="text" value="<?php echo "$nome";?>"readonly></div></td>
</tr>
<tr>
<td>Selecionar posto de atendimento:</td>
<td><select name="posto"><option value="n1" selected>1</option><option value="n2">2</option><option value="n3">3</option><option value="n4">4</option><option value="n5">5</option><option value="n6">6</option></select>
</tr>
<tr>
<td colspan="2"><input type="submit" form="atender" name="atender" value="Atender Cliente Seguinte"></td>
</tr>
</table>
</form>
</body>
</html>
最佳答案
您不能使用 PHP 更改页面的内容。您需要使用前端语言,例如 Javascript。 Javascript 能够更改您的页面内容,即使在加载后也是如此。为了每 X 秒更新一次页面内容,您需要使用 Javascript 的 setInterval()
函数每 X 秒运行一次函数。此功能将使用 AJAX 向您的网站发送请求并收集更多数据,然后更新您的文本框以包含此新数据。您可能会发现这个 Stackoverflow 问题很有帮助:How does AJAX work?
编辑:为了消除我们评论讨论中的一些困惑,并响应您的编辑,我对您的代码做了一些修改。试试这个:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Página de administração - A</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
setInterval(function(){
$.ajax('bt1admin.php').done(function(data) {
$("#refreshtb").val(data);
})
}, 1000);
</script>
</head>
<body>
<form action="" id="atender" method="POST">
<table border="1">
<tr>
<td>Clientes em espera:</td>
<td><div><input id="refreshtb" type="text" value="<?php echo "$nome";?>"readonly></div></td>
</tr>
<tr>
<td>Selecionar posto de atendimento:</td>
<td><select name="posto"><option value="n1" selected>1</option><option value="n2">2</option><option value="n3">3</option><option value="n4">4</option><option value="n5">5</option><option value="n6">6</option></select>
</tr>
<tr>
<td colspan="2"><input type="submit" form="atender" name="atender" value="Atender Cliente Seguinte"></td>
</tr>
</table>
</form>
</body>
</html>
我做了什么:
#refreshtb
元素,所以我删除了其中一个。.load()
方法。这不会更新 HTML 输入的值。相反,它只是替换了子 HTML,这不是您想要的。我更新了您的脚本,现在更新了 #refreshtb
输入元素的值。经过测试,它似乎对我来说工作正常。如果在此之后您仍然遇到那个奇怪的表格问题,或者由于某种原因该字段没有正确更新,我怀疑这是您的 bt1admin.php
页面的问题。确保该页面没有输出整个表格,而是只是您想要输入文本框的值。
关于php - 使用 mysql 查询每隔几秒刷新一次文本框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43815012/
我需要一个跟踪付款的结果,我可以在其中查看在过去五个小时内以 15 分钟为间隔使用了多少个付款选项。 我的表“payment_options_log”有两列:payment_option 和 crea
我创建了一个类似于节拍器的 Android 应用程序。实际上我想每 n 毫秒播放一次哔声。为此,我使用了 MediaPlayer 和计时器。 我的代码是这样的: 解决方案 1: start_butto
我有多个 Raspberry Pi 从移动设备收集 wifi 信标并将它们保存在 mySQL 数据库中。我在数据库中创建了一个 View 。数据库中的每个条目都有移动设备 mac 地址、pi id、r
我比较菜鸟我有一个天文台,当我点击一个按钮时它开始计时 crono = (Chronometer) findViewById(R.id.crono); begin= (Button) find
我有一个 python 脚本,我正在运行它,如下所示: python3 ./bin/abc.py --log_file ./web/prr.log 现在我需要确保上述进程每 3 小时运行一次。流程如下
我有以下列表。 vector = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] inserted_elements = [2, 2, 2, 2, 2] 我想通过插入每两个元素来获得以
我想知道安排代码的最佳方法。我有一个代码可以生成报告并每隔 24 小时向一组人发送邮件。它是一个基于控制台的 Java 应用程序。我想知道安排它的最佳方法。有时我可能需要将其更改为 12 小时间隔。但
这个问题在这里已经有了答案: Run certain code every n seconds [duplicate] (7 个答案) 关闭 8 年前。 我有一个线程类,它的循环需要每秒执行 4 次
我有一个很长的 clojure 字符串,我需要每 2 个字符用空格将其拆分(例如:“1234567890”-->“12 34 56 78 90”。我使用的解决方案是: (->> (partitio
我想在 3 个字符后添加一个冒号。所以“123:456:789:0”我想打印它。我怎样才能做到这一点。现在输出的方式:“123:4567890” String s = "1234567890"; Sy
我有一个包含以下(相关)列的表:id_mi、日期和值。我想使用 y 轴中“值”列中的值和 x 轴中的日期来构建图表,但由于它们很多,我希望图表上的点是 X 行的平均值。 对于这个例子,假设 X = 1
我有一个具有游戏风格元素的应用程序,即使它不是游戏,我有游戏中心正在运行,并且希望每次有 100 个“Chatters”加入他们的群组/论坛时通知当前设备用户。一旦用户达到某些里程碑(1k 订阅/加入
我有以下查询,用于计算每天的 CSR 调用指标和总数。我现在为每日报告运行它的方式是按扩展分组并将 now() 和 curdate() 值放在日期和时间列中。但是,我现在的任务是修改它以获取过去 30
例如,我想在每天凌晨 3 点在两个数据库之间运行同步 ruby 脚本(如果可能的话,在 rails 操作中)。将这些时间存储在数据库中会很好,因为如果同步失败,我想将其设置为在一个小时内重试(在数
我有一个 android studio 项目,它包含 C++ 代码。代码非常大,编译它大约需要 1.5 小时。每次当我点击“运行”或“调试”按钮时,gradle 中的第一个任务是:ProjectNam
所以我正在为现有的 c 应用程序编写一个图形用户界面。 gui 只是一个简单的界面,它只会显示而不会真正向应用程序反馈任何信息。但是如果有一些新信息可用,我需要检查一个链表。 现在我不想使用另一个线程
Java spring - 我有以下 cron 作业的 cron 表达式。 0 0/35 * * * ? 但是上面提到的 cron 表达式每小时触发一次,如下所示 1:35 2:35 3:35 4:3
为了对新表字段进行一些测试,我想伪造测试数据库中现有记录的一些值。我想为表中的每 8 条记录分配一个值。我可以使用以下语法轻松选择每 8 条记录: select * from (select ro
为 CakePHP 1.3 编写一个新功能,我希望密码在 x 天后过期,并在 y 天过期前自动将密码更改为随机字符串,并通过电子邮件向用户发送新密码或登录链接。服务器上的 crontab 是正确的方法
我正在学习 Python 和 Pygame,我要做的第一件事是一个简单的贪吃蛇游戏。我试图让蛇每 0.25 秒移动一次。这是我循环的代码部分: while True: check_for_qu
我是一名优秀的程序员,十分优秀!