这次给大家带来怎么用ajax实现提交评论并自动刷新,用ajax实现提交评论并自动刷新的注意事项有哪些,下面就是实战案例,一起来看一下。
在试了很多次了,终于搞定了,上代码吧。(我用的是jQuery的ajax,不是原生的)
js代码:
在全文加载后调用getcomment()函数,从数据库中获取评论,自己写的评论提交后再次调用getcomment()函数,自动刷新
html模板(用到是bootstrap模板):
请评论:
视图函数:
@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 = '
作者:' + 'i.user' + '
' + i.content + '
' html += ele return HttpResponse(json.dumps({'answer': html}))
后台获取评论的函数。
最后将textarea的值清空:
function resettext() {
$('.form-control').val('');
}相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:










