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


ajax wont load new sql results until page refresh

我正在构建一个论坛,并使用此代码加载所有评论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

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

首先: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')元素。让我知道它是否有效!