实际上我想构建一个JSP来显示来自数据库的帖子并自动给每个帖子写一个文本的位置,当用户在评论框中输入应该保存在数据库中的文本并立即显示文本并再次出现新文本(评论框)应出现以输入文字。就像Facebook一样,我从互联网上搜索分配但没有找到任何解决方案,任何机构都可以帮助我,在这种情况下将不胜感激。
答案 0 :(得分:0)
从头开始实现就像重新发明轮子一样。你最好的选择是使用一个jQuery库,如jQuery comments dcoumentation,它将为你提供整个结构。你需要为ajax调用提供实现servlet用于获取和发布注释。模板将在那里,只需要为函数提供实现。让我知道所需的任何输入或使用它的挑战。
从给定的库文档:
1)将以下内容添加到HTML文件
<link rel="stylesheet" type="text/css" href="css/jquery-comments.css">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-comments.js"></script>
2)初始化库
$('#comments-container').comments({
profilePictureURL: 'https://app.viima.com/static/media/user_profiles/user-icon.png',
getComments: function(success, error) {
var commentsArray = [{
id: 1,
created: '2015-10-01',
content: 'Lorem ipsum dolort sit amet',
fullname: 'Simon Powell',
upvote_count: 2,
user_has_upvoted: false
}];
success(commentsArray);
}
});
getComments
和postComments
需要自定义。
因此,对于发布注释,需要使用下面的函数,映射到servlet映射,发布注释,进行ajax调用:
$('#comments-container').comments({
postComment: function(commentJSON, success, error) {
$.ajax({
type: 'post',
url: '/api/comments/',
data: commentJSON,
success: function(comment) {
success(comment)
},
error: error
});
}
});
答案 1 :(得分:0)