ssm+ajax怎么实现消息标记已读

最新推荐文章于 2025-01-13 19:17:33 发布

原创

最新推荐文章于 2025-01-13 19:17:33 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#消息标记已读

本文介绍了一种在前端实现消息标记已读的方法，通过在数据库中增加sign字段并结合前端脚本，实现了消息状态的更新与展示。点击未读消息会触发AJAX请求，更新数据库中的消息状态。

最近需要实现一个功能，怎么实现消息标记已读。

我的做法：（是我自己想出来的点子，能成功实现，肯定有不足，但是水平有限，在此记录）

在数据库表加个sign字段，初始值为0或者空，整型。

所有消息，一开始都是未读的，也就是sign为空或者默认为0；
判断是否已读，未读，消息前面加个小圆点
点击未读的消息所在div，触发ajax
ajax，先查该消息是否在数据库表的sign是0/null，如果为0/null，更新该消息的sign=1
返回成功代码，如果执行成功，则把小圆点隐藏。

这是前端节目，前两条测试成功，已读，后两条未读。

jsp代码：

 <c:forEach items="${beAttentionLists}" var="beAttentionLists" varStatus="s">
                            <div id="id${beAttentionLists.id}">
                                <input  name="id" value="${beAttentionLists.id}">
                                <c:if test="${beAttentionLists.sign!=1}">
                                    <span class="layui-badge-dot layui-bg-orange" id="yuandian"></span>