如何在不单击按钮的情况下显示mysql数据库而不使用GET数据刷新页面

Question

我的问题是试图在不刷新页面的情况下显示数据库中的值。

好的，我的代码由使用GET方法从第1页检索到第2页的值组成，假设值是从数据名"location“捕获的，其中包含3的值。

然后使用第2页上的" location“值来获取存储位置的用户的信息，并在不单击任何按钮的情况下显示需要在第2页的表上显示的数据，基本上在页面加载时，它将显示数据。

然后，为了使数据在不刷新的情况下自动更新，我尝试使用一种需要我使用Ajax的方法，它使用的是GET到页面3，据说它拥有所有的PHP来选择数据库MySQL脚本。

在数据库MySQL脚本中，我的代码要求使用从页面2检索的“位置”数据。

由于我需要使用ajax脚本发布，所以我在Ajax脚本中添加了一个PHP脚本，并从第3页数据中返回了一个值。

但它没有显示需要显示的值。非常感谢您的帮助或指导。提前谢谢你。

这是我的代码第2页(显示页)

$locationID = @$_GET['location'];

    $sqlCheckVisitors = "SELECT * FROM visitor_list WHERE visitor_EventChooseID = '$locationID'";
    $resultCheckVisitors = $conn->query($sqlCheckVisitors);
    $calCheckResult_visitor = mysqli_num_rows($resultCheckVisitors);
        if($calCheckResult_visitor > 0)
            {
                $value_originalVisit =  $calCheckResult_visitor;
            }
        else
            {
                $value_originalVisit = 0;
            }

<div class="row">
    <div class="form-group col">
        <label class="form-control form-control-lg text-8 text-center">Live Balance : <br>
            <div id="live_totalbalance"></div>
                /
            <div id="live_totalpreset"></div>
        </label>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function(){
        // Display Total Live Balance
        $.ajax({
            url: "livedata_totalbalance.php?locationID=<?php echo $locationID ;?>",
            type: "GET",
            dataType: "html",
            cache: "false",
            success: function(data)
            {
                $('#live_totalbalance').html(data);
            }
        });
    });
</script>

这是我第3页的代码(livedata_totalbalance.php)

<?php
    include "database.php";
    
    $locationID = @$_GET['locationID'];


    $sqlEventList = "SELECT * FROM event_list WHERE event_id ='$locationID'";
    $resultEventList = $conn->query($sqlEventList);
    $dataEventList = mysqli_fetch_array($resultEventList);

    $event_data = $dataEventList['event_data'];

    echo $event_data;
?>

Answer 1

如果您想在一段时间内更改数据，或者更改数据(例如，在用户登陆页面而不刷新页面之后)，您可以将ajax放在JS计时器中，如下所示：

setTimeout(() => {
     $.ajax({
            url: "livedata_totalbalance.php?locationID=<?php echo $locationID ;?>",
            type: "GET",
            dataType: "html",
            cache: "false",
            success: function(data)
            {
                $('#live_totalbalance').html(data);
            }
        });
}, 2000);

这将在2秒(2000毫秒)后获得新的数据。或者，即使您希望每2秒更改一次数据，也可以将此代码放入for或while循环中。

希望能奏效:)