更新“剩余数量”而不刷新站点

Question

我有一个 HTML 站点，其页面使用 PHP 代码查询 MySQL 数据库。该表包含 3 列（日期、时间、剩余时间）。根据当前日期和时间，我希望 HTML 页面返回并显示“剩余”列中的相应值。

诀窍是我希望这个值能够自动更新（AJAX？），而无需用户刷新页面或单击按钮。

到目前为止，我使用的 PHP 可以根据日期显示“剩余”值，但我还没有弄清楚如何同时查询日期和时间，也不知道如何自动刷新。

到目前为止我已经弄清楚的PHP代码

（注意：quantitytest_config.php 只包含主机名/用户名/密码）

    <?php

include 'quantitytest_config.php';

//connection to the database
$dbhandle = mysql_connect($hostname, $username, $password) 
  or die("Unable to connect to MySQL");

//select a database to work with
$selected = mysql_select_db("grace59_countdown",$dbhandle) 
  or die("Could not select countdown");

//execute the SQL query and return records
$result = mysql_query("SELECT remaining FROM quantity WHERE salesdate=CURDATE()");
//fetch tha data from the database
while ($row = mysql_fetch_array($result)) {
   echo "Quantity:".$row{'remaining'}."<br>";
}

//close the connection
mysql_close($dbhandle);
?>

提前感谢您的帮助。非常感谢。

Answer 1

使用jQuery.load，轻而易举，下面的 sn-p 将调用您的 PHP 脚本并每 10 秒更新一次剩余计数。

setInterval(function(){
    // Assumes the container has the id of count
    // and the php script is called remaining.php
    $("#count").load("remaining.php")
}, 10000);

没有 jQuery，你将不得不做一些阅读，但这并不难

就您嵌入同一问题的任何其他问题而言。您不应该将多个问题作为一个问题提出。每个问题都应显示您尝试过的内容、预期/实际行为、错误消息。这就是您的问题对其他人有用的方式，而不仅仅是您自己，这也是 Stack Overflow 的核心。目前你的问题是我不知道该怎么做，这不太适合 SO。

Answer 2

正如你所说，你应该使用 AJAX。

基本上，您会不时地不断调用页面并检查是否有新结果（如果存在）并将其检索给用户。

您将调用的页面是一个与您发布的页面类似的 PHP 文件，它将返回 AJAX 调用的结果。

调用后，将结果呈现给用户。

通常，在 AJAX 中，GET 方法更快，因为它不涉及处理 POST 字段，并且由于您只是获取信息，所以我会坚持下去。

这是您要查找的基本语法。我猜它有一些复杂但可以理解的名字。

<script>
setInterval(function(){check_new_stuff();}, 10000);

function check_new_stuff(){
  $.ajax({
    type: "GET",
    url: "url_with_your_php_code.php",
    dataType: 'html',
    data: {name_of_the_parameter_to_be_passed_in_get: value_of_the_parameter_to_be_passed_in_get},

    success: function(html){
             $("#div_to_have_its_html_replaced_with_the_result_from_php_code").html(html);
    },

    error: function(){
    },

    complete: function(){
    }
  });

  setTimeout(function(){check_new_stuff();}, 10000);
}
</script>

（你可以read more about this here）

关于你关于时间的问题，我没有看到它有问题。你只需要在数据库查询中添加字段并传递一个时间值吗？

（如果您想要当前时间？- 尝试猜测您的列名，因为您在解释过程中没有保持表命名法相同）

$result = mysql_query("SELECT remaining FROM quantity WHERE salesdate=CURDATE() AND salestime=CURTIME()");

（具体时间，自己指定？）

$result = mysql_query("SELECT remaining FROM quantity WHERE salesdate=CURDATE() AND salestime='11:15:00'");