博客评论之异步提交

{% block script_extends %}
    <script type="text/javascript">
        $("#comment_form").submit(function () {
            //清空错误信息
            $("#comment_error").text("");
            //判断是否为空，如果为空那么显示错误信息。并且跳出本次处理
            if (CKEDITOR.instances["id_text"].document.getBody().getText().trim() == ""){
                $("#comment_error").text("评论内容不能为空");
                return false;
            }
            //更新数据到textarea（这是个隐藏的标签，他的id=id_text）
            CKEDITOR.instances["id_text"].updateElement();
            // 异步提交
            $.ajax({
                url: "{% url 'comment:update_comment' %}",    
                type: "POST",
                data: $(this).serialize(),
                cache: false,
                success: function (data) {
                    console.log(data);
                    if (data["status"] = "SUCCESS"){
                        //插入数据
                        var comment_html = "<div>" + data['username'] + "(" +
                                            data['comment_time'] + "):" + data["text"] + "</div>";
                        $("#comment_list").prepend(comment_html);
                        //清空编辑框的内容
                        CKEDITOR.instances["id_text"].setData("");
                        $("#comment_list_empty").text("");
                    }else{
                        //显示错误信息
                        $("#comment_error").text(data["message"]);
                    }
                },
                error: function (xhr) {
                    console.log(xhr);
                }
            });
            return false;
        });
    </script>
{% endblock %}

记录一下ajax实现评论的异步提交功能