使用 jquery 刷新包含 php 代码的 div 的问题答案

【问题标题】：problem refreshing div containing php code using jquery使用 jquery 刷新包含 php 代码的 div 的问题
【发布时间】：2009-08-09 23:01:11
【问题描述】：

我已经阅读了关于如何执行此操作的 3 篇关于 SO 的帖子，但由于某种原因它无法正常工作。

在 index.php 页面上，我有这个脚本：

<script type="text/javascript">

function update() {
  $.get("index.php", function(data) {
    $("#uploadcount").html(data);
    window.setTimeout(update, 5000);
  });
}

</script>

然后是这个 div，也在 index.php 中

<div id=uploadcount>
<?
$result = mysql_query("SELECT * FROM mydb");
$num_rows = mysql_num_rows($result);
echo "<h1>$num_rows</h1><h2>rows</h2>";
?>
</div>

php 可以正常显示行数，但不会刷新行数。
（我在 index.php 的头文件中包含了最新的 jquery 版本）

【问题讨论】：

标签： php jquery

【解决方案1】：

尝试将其用于您的更新功能

function update() {
    $("#uploadcount").load("index.php #uploadcount")
    window.setTimeout(update, 5000);
}

【讨论】：

【解决方案2】：

尝试用双引号将您的 div ID 括起来：

<div id="uploadcount">

另外，将您的 jQuery 放在 document.ready 块中，并且对 setTimeout 的调用不应在 $.get 方法中：

<script type="text/javascript">
$(document).ready(function() {
    function update() {
      $.get("index.php", function(data) {
        $("#uploadcount").html(data);
      });
    }
    window.setTimeout(update, 5000);
});
</script>

如果您想有选择地从文档中检索某些内容，可以将$.load 与选择器一起使用，例如：

$("#uploadcount").load("index.php #uploadcount");

http://docs.jquery.com/Ajax/load

这仅适用于 jQuery 1.2 及更高版本。

【讨论】：

没有效果。当我刷新页面时，我看到了变化，但没有任何变化。
好的，但是当它刷新时，它会加载整个页面。我应该将我的 php 存储在一个没有其他数据的普通文件中，然后将该文件包含在 index.php 中吗？
@Patrick - 您只需要输出要插入的 HTML，无论哪种方式最适合您的应用程序（我通常会使用函数）。我将进行最后一次编辑。

【解决方案3】：

找到了一个很好的解决方案

<script type="text/javascript">
$(document).ready(function() {
setInterval(function()
{
     $('#uploadcount').fadeOut("fast").load('uploadcount.php').fadeIn("slow");
}, 10000);

});
</script>


<div id="uploadcount">
<? include("uploadcount.php");?>
</div>

感谢大家的帮助。

【讨论】：