Php 刷新Div的内容

我已经阅读了多篇关于使用Jquery重新加载div内容的文章。我有一个带有多个浮动div的仪表板，可以旋转php脚本中计算的数据

我有一个计算数据的php脚本，我把它包含在一个div中，然后滚动内容（见下面的代码）

在线提供的代码示例存在的问题是，它没有显示我的php内容

我如何在div中重新加载php页面，并且仍然保持幻灯片放映

提前谢谢

<div class="topdiv_1">
    <div id="topdiv_1_slideshow">
        <div align="center">
            <img src="images/elements/project.png" class="pull-left" alt="" height="100px" style="padding-left: 10px; margin-top: 50px;">
            <h1 style="font-size: 90px; color: #ffffff; font-weight: bold"><?php include_once('topdiv_1_stat1.php') ?></h1>
            <h6 style="font-size: 14px; color: #ffffff; font-weight: bold">Project Hours Total</h6>
        </div>
        <div align="center">
            <img src="images/elements/project.png" class="pull-left" alt="" height="100px"
                 style="padding-left: 10px; margin-top: 50px;">

            <h1 style="font-size: 90px; color: #ffffff; font-weight: bold"><?php include_once('topdiv_1_stat2.php') ?></h1>
            <h6 style="font-size: 14px; color: #ffffff; font-weight: bold">Project Hours System Center</h6>
        </div>
        <div align="center">
            <img src="images/elements/project.png" class="pull-left" alt="" height="100px"
                 style="padding-left: 10px; margin-top: 50px;">

            <h1 style="font-size: 90px; color: #ffffff; font-weight: bold"><?php include_once('topdiv_1_stat3.php') ?></h1>
            <h6 style="font-size: 14px; color: #ffffff; font-weight: bold">Project Hours Service Center</h6>
        </div>
    </div>
</div>

项目总时数
项目时间系统中心
工程时间服务中心

更新：

我曾尝试将此代码添加到div，但现在它放弃了返回值的格式：

<div id="topdiv_1_slideshow">
        <div align="center" id="1">
            <img src="images/elements/project.png" class="pull-left" alt="" height="100px" style="padding-left: 10px; margin-top: 50px;">
            <h1 style="font-size: 90px; color: #ffffff; font-weight: bold"><?php /*include_once('topdiv_1_stat1.php') */?>
                <script>
                    $(function(){
                    $("#1").load("topdiv_1_stat1.php");
                    });
                </script>

                </h1>
            <h6 style="font-size: 14px; color: #ffffff; font-weight: bold">Project Hours Total</h6>
        </div>

$（函数（）{
$（“#1”）.load（“topdiv_1_stat1.php”）；
});
项目总时数

您可以使用Ajax调用php脚本，获取数据并在所需的DOM元素中显示php脚本返回的所有数据，这将使用新数据刷新它

---

但是，如果没有javascript，您不能只刷新页面的一部分。

您可以使用Ajax调用php脚本，获取数据并在所需的DOM元素中显示php脚本返回的所有数据，这将使用新数据刷新它

但是如果没有javascript，您不能只刷新页面的一部分。

您的代码：

$("#1").load("topdiv_1_stat1.php");

将加载topdiv_1_stat1.php脚本的原始输出

这意味着在响应中指向样式表的链接不会像在浏览器中打开页面时那样加载

确保您的脚本“topdiv_1_stat1.php”只返回您希望在#1 div中使用的html。您的代码：

$("#1").load("topdiv_1_stat1.php");

将加载topdiv_1_stat1.php脚本的原始输出

这意味着在响应中指向样式表的链接不会像在浏览器中打开页面时那样加载

---

确保您的脚本“topdiv_1_stat1.php”只返回您希望在#1 div中使用的html。

尝试使用ajax？在我的原始问题@MasivuyeCokilecan中添加了一个更新，您可以向我们显示“topdiv_1_stat1.php”脚本的输出吗？@JasperZelf topdiv_1_stat1.php返回一个值“825”，但缺少字体样式，如果我通过JS加载页面，它似乎不会应用样式，但是当我通过

加载页面时，样式会正确应用，而不会使用ajax进行发布？在我的原始问题@MasivuyeCokilecan中添加了一个更新，您可以向我们展示“topdiv_1_stat1.php”的输出吗script？@JasperZelf topdiv_1_stat1.php返回一个值“825”，但字体样式丢失，如果我通过JS加载页面，它似乎不会应用样式，但是当我通过

加载页面时，样式会正确应用，而不会出现问题。如何将样式应用于脚本的输出？当我用

加载它时，样式将应用而不会出现任何问题查看代码，您将替换整个元素的内容。因为这里有样式，它将被php脚本的输出所取代。因此，在

load（）

完成后，您的代码将如下所示：`825`您可能只想替换

中H1标记的内容。试试这个：

$（“#1 h1”）.load（“topdiv_1_stat1.php”）谢谢我用你的建议解决了它<代码>$（文档）.ready（函数（）{setInterval（函数（）{$（“#1”）.load（“topdiv_1_stat1.php”）；}，3000）；}）;                                                               很高兴看到你的工作。请注意，您不必像使用PHP那样将脚本放入
和
标记中。PHP在放置HTML的地方直接将其输出intp呈现给HTML。我们现在使用的Javascript代码在HTML加载完成后注入它。”$（“#1”）表示将ID=1的元素作为目标。最佳实践是将Javascript（和样式）放在不同的文件中如何将样式应用于脚本的输出？当我用
加载它时，样式将应用而不会出现任何问题查看代码，您将替换整个元素的内容。因为这里有样式，它将被php脚本的输出所取代。因此，在
load（）
完成后，您的代码将如下所示：`825`您可能只想替换
中H1标记的内容。试试这个：
$（“#1 h1”）.load（“topdiv_1_stat1.php”）谢谢我用你的建议解决了它<代码>$（文档）.ready（函数（）{setInterval（函数（）{$（“#1”）.load（“topdiv_1_stat1.php”）；}，3000）；}）;                                                               很高兴看到你的工作。请注意，您不必像使用PHP那样将脚本放入
和
标记中。PHP在放置HTML的地方直接将其输出intp呈现给HTML。我们现在使用的Javascript代码在HTML加载完成后注入它。”$（“#1”）表示将ID=1的元素作为目标。最佳实践是将Javascript（和样式）放在不同的文件中