在我的页面上,我有一个小的信封下拉菜单,显示用户收到的最后 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>