个人博客

2021年5月20日：

昨天完善了websocket的后端代码，这是我前端的代码样式：

websocket.onmessage = function(event) {
messageupdate(event.data);
}

当用户回复信息的时候就会触发websocket的onmessage的代码，然后执行messageupdate()的函数，以下是messageupdate的函数方法：

function messageupdate(receiveuser) {
$.ajax({
url : "${pageContext.request.contextPath}/user/message",
data : "receiveuser=" + receiveuser,
type : "get",
dataType : "json",
success : function(result) {
if (result.length != 0) {
$("#count1").text(result.length);
}
$("#menu1").empty();
$.each(result, function() {
if (this.type == "申请") {
var span1 = $("<span class='image'></span>").append(
$("<img/>").attr(
"src",
"${pageContext.request.contextPath}/statics/images/photos/"
+ this.photo));
var span2 = $("<span></span>").append(
$("<span></span>").append(this.link_user))
.append(
$("<span class='time'></span>").append(
this.create_time));
var a = $("<a></a>").append(span1).append(span2)
.append("<span class='message'>查看详情</span>")
.attr(
"href",
"${pageContext.request.contextPath}/user/xiangqing?photo="
+ this.photo);
var message = $("<li></li>").append(a);
$("#menu1").append(message);
}
})
}

这段代码是将用户回复的信息更新，运用ajax进行信息的更新从数据库中获取未读的信息进行展示，当前只是做了申请的信息展示，后面还需要做一些其他的信息展示，例如入团通知和活动通知。