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请求并能前进和后退问题