2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > django ajax提交评论并自动刷新功能的实现代码

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

时间:2023-03-30 00:40:33

相关推荐

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

web前端|js教程

django,ajax,自动

web前端-js教程在试了很多次了,终于搞定了,上代码吧。(我用的是jQuery的ajax,不是原生的)

大数据源码,vscode代码片段快捷键,ubuntu日志策略,tomcat6超时,爬虫进阶学习,php创业项目,铜仁职业技术学院seo,购物网站jsp代码lzw

js代码:

开发者个人网站源码,ubuntu里安装dev,电动爬虫玩具拼装,小巧php,根河seo服务lzw

$(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); } }) }

在全文加载后调用getcomment函数,从数据库中获取评论,自己写的评论提交后再次调用getcomment函数,自动刷新

精灵家园源码,小米电脑预装ubuntu,tomcat用pkcs11,电脑爬虫系统,php如何实现嵌套事务,seo教程 凡lzw

html模板(用到是bootstrap模板):

请评论:

视图函数:

@csrf_exemptdef comment(request,article_id): if request.method == POST: comments = request.POST[comment] if len(comments) < 5: result = u评论数需大于5 return HttpResponse(json.dumps({ esult: result})) else: result = successfully Comment.objects.create(content= comments, article_id=article_id) return HttpResponse(json.dumps({ esult: result}))

这是提交评论的函数,别忘记添加csrf装饰器

def get_comment(request, article_id): article_list = get_object_or_404(Article, id=article_id) comments = ment_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(\);}

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

ajax请求地址后加随机数防止浏览器缓存的原因

JS清除IE浏览器缓存的方法

解决浏览器记住ajax请求并能前进和后退问题

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。