【问题标题】:How can I show another page inside a div and refresh it in certain time? [duplicate]如何在 div 中显示另一个页面并在特定时间刷新它? [复制]
【发布时间】:2025-12-18 03:20:10
【问题描述】:

我正在尝试在 div 中调用另一个名为 bidtable.php 的页面,我希望它每 20 秒刷新一次。这是我尝试过的方法,但它不起作用。

<script src="http://code.jquery.com/jquery-latest.js"></script>
<div class="row justify-content-center">
  <div id="latestData" class="row justify-content-center col-md-5" style="background-color: black; margin: 2px auto; width: 370px;"></div>
</div>
$(document).ready(function() {
  refreshTable();
});

function refreshTable() {
  $('#latestData').load('bidtable.php', function() {
    setTimeout(refreshTable, 20000);
  });
}

【问题讨论】:

  • 首先检查控制台是否存在 AJAX 请求错误。其次,请注意 AJAX 轮询不是可扩展的解决方案。如果您需要保持客户端和服务器端紧密同步,请使用 Websockets。
  • 如果您使用现代浏览器,它可能会被 CORS 策略阻止。检查您的控制台。是吗?
  • 实际上,当我用我的 localhost/phpmyadmin 品尝它时,它运行良好,但现在该网站已上线,但无法正常工作。你能建议我解决这个问题的任何其他想法吗?请。
  • 这能回答你的问题吗? How to load PHP file into DIV by jQuery?

标签: javascript jquery html


【解决方案1】:

尝试将 URL 添加到 PHP 文件中,而不仅仅是文件名。像这样:

function refreshTable() {
  $('#latestData').load('the_url/bidtable.php', function() {
    setTimeout(refreshTable, 20000);
  });
}

【讨论】:

  • 我有同样的想法,所以我昨天尝试了,但也没有用。您还有其他可以帮助解决问题的想法吗?基本上,在“bidtable.php”页面上,我显示了 14 个带有条件的不同表格,我想在 div 中显示“bidtable.php”页面的内容,以便用户可以根据应用于他的条件查看内容.
  • 嗯,bidtable.php是在网站根目录下还是放在别的目录下?
  • 它在根文件夹中。我解决了这个问题。我在定义函数后声明了脚本源,而这正是我做错的地方。现在我决定在标头中声明所有源代码,然后在正文或标头中的任何位置定义和调用任何函数。请原谅我的愚蠢错误。
  • 很高兴听到您成功了!
最近更新 更多