javascript - 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 中看到它。

我尝试过使用无缓存 header 。我也尝试过 $(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 检索内容并将其注入(inject)到 $('#results_holder') 元素中。如果有效请告诉我!