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

Question

我正在构建一个论坛，并使用此代码加载所有评论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条评论，它们也不会加载，直到我刷新页面或点击另一个页面并返回。

我甚至尝试过将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);
});

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