ajax 在页面刷新之前不会加载新的 sql 结果

Question

我正在建立一个论坛，并使用此代码加载所有 cmets forum_retrieve.php，这在此时可以正常工作。

$(document).ready(function() {
  $('#results_holder').load('forum_retrieve.php<? echo ' ? forum_id = ' . urlencode($forum_id) ?>').show();
});​

但是当用户将表单提交给forum_handle.php（将评论保存到sql）并使用以下方式重定向回来时：

if ($connect->query($sql) === TRUE) {
  header('Location: forums.php?id=' . $_POST['forum_id']);
} else {​

Ajax 不会加载新结果，即使我提交了 5 个 cmets，它们也不会加载，直到我刷新页面或单击另一个页面并返回。

我什至尝试将 ajax 延迟 30 秒，但它仍然不会加载新结果，即使我可以在 sql 中看到它在计时器结束之前。

我尝试过使用no caching headers。我也试过$(window).ready。

不应该在每次加载文档时都进行新查询吗？我不明白为什么它选择不这样做。任何建议将不胜感激。

Answer 1

首先要做的事情：load() 并不是要像您想象的那样使用，根本不是。它只是在您的 $('#results_holder') 加载时触发一个函数。而已。你在那里没有传递任何函数，因此你没有得到任何结果。

然后，正如 Daniel 所指出的，load() 函数只会在文档准备好后被触发一次。然后脚本停止运行，因此它没有机会按您的意愿工作。

您要做的是不时从 forum_retrieve.php 中获取内容并将其显示在适当的容器中。

试试这样的：

$(document).ready(function() {

    var forumID = '<?= urlencode($forum_id) ?>';

    setInterval(function() {
        $.get({
            url: 'forum_retrieve.php',
            data: {forum_id: forumID}
        })
        .done(function(data) { $('#results_holder').html(data); });
    }, 10000);
});

这会每 10000 毫秒（= 10 秒）触发一个函数以从 forum_retrieve.php 检索内容并将其注入 $('#results_holder') 元素。让我知道它是否有效！