javascript - 实时更新页面信息（Django）

Question

在我的页面上，我有一个小的信封下拉菜单，显示用户收到的最后 5 条消息。我有一个定期运行的功能，它会自行检查是否有任何新邮件进来。如果用户收到了新邮件，我如何更新该下拉菜单以删除最旧的邮件并显示最新的邮件？

这是我为下拉菜单准备的 HTML。我知道这项工作需要以某种方式在 JavaScript 中完成。

                <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
              {% for item in m reversed %}
                {% if forloop.counter0 < 5 %}
                <li class="message" id="{{item.id}}"> {{ item.body|truncatechars:30 }} </li>
                {% endif %}
              {% endfor %}
                <li><a href="/eventsearch/eventsearch/mailbox"> See All</a></li>
                </ul>