用另一个php页面更新php文件中的div [重复]答案

【问题标题】：Updating div inside php file with another php page [duplicate]用另一个php页面更新php文件中的div [重复]
【发布时间】：2017-09-06 17:31:09
【问题描述】：

我正在尝试将 mysql 数据加载到 php 页面中的 div 中。但我希望这些数据保持最新并每 10 秒左右刷新一次。

我在网上看了几个教程，但我不知道我做错了什么。

以下是从数据库中获取数据并显示在表格中的 php 脚本。

<?php
require "conn.php";

$query = "SELECT * FROM turns where attended = 0";
$waiting = $conn->query($query);
    if ($waiting->num_rows > 0) 
    {
            echo "<table width='80%'><tr>";
            echo "<th> Customer Number </th>";
            echo "<th> Waiting Since </th> </tr>";
            // output data of each row
            while($row = $waiting->fetch_assoc()) 
            {
            $client = $row["id"];
            $waitingSince = $row ["created_time"];
            echo "<tr><td align='center'>".$client."</td>";
            echo "<td align='center'>".$waitingSince."</td></tr>";
            }
    }


?>

我一直试图将该文件加载到另一个页面 div 中，但我得到的只是空白。

这是另一个页面attend.php：

<html>
<head>
<script 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
function updateDiv()
{
    $("#result").load("fetchLine.php");
}

</script>
</head>
<body>
<div id="result" style="border:solid 2px red; width: 100%;">
</div>
</body>
</html>

在添加间隔刷新功能之前，我一直在尝试先加载内容。 attach.php 和 fetchLine.php 都在同一个目录中

【问题讨论】：

上面的代码是fetchLine.php吗？
你在哪里打电话给updateDiv()？
AJAX jQuery refresh div every 5 seconds 和 this 和 this 的可能重复
是的@Ice76。我尝试添加按ID调用，但没有奏效。我是 jquery 和 ajax 的新手。
请参考@PatrickQ 发布的链接。它显示一个函数来调用 Javascript 函数以用数据刷新页面。 PHP 停留在服务器端，必须被调用。

标签： php jquery html mysql

【解决方案1】：

实现这一点的最佳选择是设置一个充当 API 位的端点 /getData?blahparam=2 -> 在那个页面上只输出 JSON。

function getData()
{
//Do ajax call here
}

//Javascript Loop either a set time out or a recursive loop using set time out or an every 10secs get...

我会说使用 angularjs 1.6 - 因为它很简单而且不是很重...但是您可以简单地循环通过普通 jquery 或 angularjs 中的 json 并让数据自动更新或替换自身。

制作提供 json 的端点
使用 settimeout 或 setinterval javascript/jquery 编写递归 ajax 数据抓取
用一段 html 更新有问题的 div 或使用 angular 来更新 $scope 变量。

【讨论】：

建议切换到框架并放弃当前的工作是没有建设性的。或者递归ajax...
这就是我在帖子中所说的...很多剥洋葱皮的方法...我说得更详细...除了框架的想法...因为听起来他们想要一个挑战或不选择。