17、构建带用户认证微服务的Web信使应用

构建带用户认证微服务的Web信使应用

1. 利用JavaScript实现消息轮询

为了让消息能够在不刷新浏览器的情况下自动更新，我们将创建两个JavaScript函数： messagePoll 用于获取最新消息， updateMessages 用于用新消息更新HTML。

首先，将 home.html 中遍历消息列表的Jinja2 if 块替换为以下代码：

<div id="messageContainer"></div>

这个 div 将用于存放由jQuery函数生成的新消息列表。

在 home.html 的 <script> 标签内，编写以下代码：

function messagePoll() {
  $.ajax({
    type: "GET",
    url: "/messages",
    dataType: "json",
    success: function(data) {
      updateMessages(data);
    },
    timeout: 500,
    complete: setTimeout(messagePoll, 1000),
  })
}