django ajax提交评论并自动刷新功能的实现代码

分类：js_jQuery答疑 - 常见问题 · 发布时间：2021-10-08 18:15 · 阅读：6487

这篇文章主要介绍了django 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: 'successfully' comment.objects.create(content=comments, article_id=article_id) result}))< pre>

这是提交评论的函数，别忘记添加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(''); }

标签：

django ajax 提交评论自动刷新

AJAX乱码与异步同步以及封装jQuery库实现步骤详解

这篇文章主要介绍了异步通信技术AJAX乱码问题、异步与同步、手动封装一个jQuery库，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧

AJAX的跨域问题解决方案

跨域简单的说,就是从一个域名的网页去访问另一个域名网页的资源,下面这篇文章主要给大家介绍了关于AJAX的跨域问题解决的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

利用Ajax实现智能回答的机器人示例代码

这篇文章主要介绍了利用Ajax实现智能回答的机器人,本文结合示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

ajax、axios和fetch之间优缺点重点对比总结

今天被问到用没用过ajax axios,我回答经常用axios,但ajax用的比较少,下面这篇文章主要给大家介绍了关于ajax、axios和fetch之间优缺点重点对比总结的相关资料,需要的朋友可以参考下

如何通过axios发起Ajax请求(最新推荐)

Axios是专注于网络数据请求的库，相比于原生的XMLHttpRequest对象，axios简单易用。相比于Jquery，axios更加轻量化，只专注于网络数据请求，这篇文章主要介绍了如何通过axios发起Ajax请求,需要的朋友可以参考下

返回分类返回首页

0133技术栈