利用ajax发表评论

1.前言

最近在搞登陆验证以及服务器的东西，加上自己的工作，这次我在我的博客上加了评论，由于时间原因没有看完django的评论系统文档 ，先写着ajax用着先

2.评论

首先做一个div的标签，里面填写了一个<textarea>的标签里面填写的是评论内容，由于我是做了登陆的，直接判断到如果没登陆就不能提交而去自动转去登陆页面，在<textarea>l里面我们定义好id=js-pl-textarea(id名字你可以另外起，不懂的，建议看下前端基础知识)然后写一个提交按钮，id=js-pl-submit就完成我们的前端编写

3.编写ajax

假设你的id名字跟我一样，或者自己去换ID名字，那么自己在下方更改

<script type="text/javascript">
    $('#js-pl-submit').on('click',function () {
    var comments = $('#js-pl-textarea').val()
    if(comments == ""){
        alert("评论不能为空")
        return
    }
    $.ajax({
        cache:false,
        type:"POST",
        url:"{% url 'comments:addcomment' %}",
        data:{'post_id':{{ post.id }},'comments':comments},
        async:true,
        beforeSend:function (xhr,settings) {
                    xhr.setRequestHeader("X-CSRFToken","{{ csrf_token }}");
                },
        success:function (data) {
            if (data.status == 'fail'){
                if (data.msg == '用户未登录'){
                    window.location.href = {% url 'login' %};
                }else {
                    alert(data.msg)
                }
            }else if(data.status == "success"){
                window.location.reload()
            }
        }
    })
    })
</script>

先是判断里面的提交内容是否为空，通过不为空后，我们在利用ajax的方式POST到后台，data是我们要传去的参数，比方我这里需要传的是第几篇博客，以及评论的内容，beforeSend这个是我运用防止csrf_token而success是为了在次验证是否登陆而已，当然我们也要写好我们的url是指定到那里

4. 后台

虽然前端为我们验证了登陆，但是作为合格的码农，应该是要前后端验证，所以后端需要在验证多次是否登陆，判断登陆状态，在把前端传过来的第几篇文章去查数据库，然后获取到登陆的用户，以及前端传的来的评论内容，在插入数据库存起，返回去前端

class AddCommentView(View):
    def post(self, request):
        if not request.user.is_authenticated():
            # 判断用户是否登录
            return HttpResponse('{"status":"fail", "msg":"用户未登录"}', content_type='application/json')

        post_id = request.POST.get('post_id',0)
        comments = request.POST.get('comments','')
        if int(post_id) >0 and comments:
            blog_comments = Comment()
            posts = Post.objects.get(id=int(post_id))
            posts.views -=1
            blog_comments.post = posts
            blog_comments.text = comments
            blog_comments.name = request.user
            blog_comments.save()
            posts.save()
            return HttpResponse('{"status":"success", "msg":"添加成功"}', content_type='application/json')
        else:
            return HttpResponse('{"status":"fail", "msg":"添加失败"}', content_type='application/json')

这样我们就能完成我们的评论系统了，具体的可以看我博客，不懂或者有错误，可以留言指正，互相学习