无定时器向前端传递数据

Question

我正在创建一个博客项目。我希望每次创建一个新的帖子，用户不必刷新页面来看到帖子，它将只是追加到已经存在的。这就是目前正在做的事情

function postTin() {
$.ajax({
    type:'POST',
    url: "frextra.php",
    data:"ins=passPost",
    success: (function (result) {
        $("#post").html(result);
    })
})
}

postTin(); // To output when the page loads
setInterval(postTin, (5 * 1000)); // x * 1000 to get it in seconds

这里所做的是，每隔5秒页面就会重新加载发布的数据，在这种情况下，它还会添加新发布的数据

我想要的是：我不想使用计时器，我希望只有当数据库中添加了新的帖子时才加载请求。被困在这里两个星期了。到处找了找，也没看到什么能帮上忙的。

Answer 1

我不知道没有计时器你怎么能做到这一点。下面是我的解决方案，您需要调整代码：

添加对应于页面最新发布日期的发布参数

data: "ins=passPost&date=" + $('#posts-list li:first-child').data('date')

假设您的HTML中有类似的内容

<!-- Posts ordered from newest to oldest -->
<ul id="posts-list">
    <li data-date="2018-03-22 15:20">
        <!-- Here the Post HTML code -->
    </li>
    <!-- Here the remaining Posts -->
</ul>

'... AND date_added > ' . some_db_escape($_POST['date']) . '...'

在ajax成功函数中，您需要预先准备来自PHP的数据

$('#posts-list').prepend(result);

PHP发送的数据必须是一个字符串，类似于上面的HTML

元素，表示从最新到最旧的更新帖子

<li data-date="2018-03-23 10:43">
    <!-- Here the Post HTML code -->
</li>
<li data-date="2018-03-22 18:00">
    <!-- Here the Post HTML code -->
</li>
<!-- etc. -->