实时更新页面信息（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>