在试了很多次了，终于搞定了，上代码吧。（我用的是jQuery的ajax，不是原生的）
js代码：
<script>
$(document).ready(function () {
getcomment();
$('.comment-box button').click(function () {
var comment_text = $('.comment-box textarea').val();
$.ajax({
type: 'POST',
url: '/bbs/article/{{ article_list.id }}/comment/',
data: {comment: comment_text},
success:function (callback) {
var data = $.parseJSON(callback);
$('.callback').html(data.result);
if(data.result === 'successfully') {
getcomment();
}
}
})
});
});
function getcomment() {
$.ajax({
type: 'GET',
url: '/bbs/article/{{ article_list.id }}/get_comment/',
success:function (call) {
var datas = $.parseJSON(call);
$('.comment-list').html(datas.answer);
}
})
}
</script>
在全文加载后调用getcomment（）函数，从数据库中获取评论，自己写的评论提交后再次调用getcomment（）函数，自动刷新
html模板（用到是bootstrap模板）：
<div class="row">
<div class="comment-list" style="margin-left: 10px">
</div>
</div>
<div class="row">
<article class="col-xs-12">
<h4>请评论：</h4>
<div class="comment-box">
<textarea class="form-control" rows="3"></textarea>
<span class="callback"></span><button type="submit" class="btn btn-success pull-right" style="max-width: 5px;">评论</button>
</div>
</article>
</div>
<hr>
视图函数：
@csrf_exempt
def comment(request,article_id):
if request.method == 'POST':
comments = request.POST['comment']
if len(comments) < 5:
result = u'评论数需大于5'
return HttpResponse(json.dumps({'result': result}))
else:
result = 'successfully'
Comment.objects.create(content= comments, article_id=article_id)
return HttpResponse(json.dumps({'result': result}))
这是提交评论的函数，别忘记添加csrf装饰器
def get_comment(request, article_id):
article_list = get_object_or_404(Article, id=article_id)
comments = article_list.comment_set.all()
html = ''
for i in comments:
ele = '<div class="row"><article class="col-xs-12"><p class="pull-right"><span class="label label-default">作者:' + 'i.user' + '</span></p><p>' + i.content + '<ul class="list-inline"><li><a href="#" rel="external nofollow" ></a></li></ul></article></div><hr>'
html += ele
return HttpResponse(json.dumps({'answer': html}))
后台获取评论的函数。
最后将textarea的值清空：
function resettext() {
$('.form-control').val('');
}
以上所述是小编给大家介绍的django ajax提交评论并自动刷新功能的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。