Question

我已经在我的项目django-contib-comments中安装了一个HTML，该HTML显示了注释列表，还显示了用于输入新表单的表单。

我现在想使用Ajax提交表单而不刷新页面，并成功地将提交的注释添加到列表中。

我已经完成了大部分工作，但是我确信必须有一种更简单的方法来实现这一目标。

我的问题是我是否可以在javascript中渲染Django HTML标签，如下所示：

 document.getElementById("comments").innerHTML = {% render_comment_list for obj %}

到目前为止，这是我完成的代码：

1）我不想在django-contrib-comments项目中进行任何更改（我避免覆盖方法。

2）我在django-contrib-comments中使用了标准标记来呈现评论列表。

   {% render_comment_list for obj %}

3）创建了一个处理表单提交的JavaScript，然后在列表中创建了一个新条目。

function submit_comments(event) {
    event.stopPropagation();
    $.ajax({
        type: $('#comment_form').attr('method'),
        url: $('#comment_form').attr('action'),
        data: $('#comment_form').serialize(),
        cache: false,
        dataType: "html",
        success: function (html, textStatus) {
            var comment_count_btn = document.getElementById('comment-text-vertical-btn');
            if (comment_count_btn != null) {
                if (!isNaN(parseInt(comment_count_btn.innerHTML))) {
                    comment_count_btn.innerHTML = parseInt(comment_count_btn.innerHTML) + 1 + " Comments";
                }
            }
            var comment_count_head = document.getElementById('kapua-comments-header');
            if (comment_count_head != null) {
                if (!isNaN(parseInt(comment_count_head.innerHTML))) {
                    comment_count_head.innerHTML = parseInt(comment_count_head.innerHTML) + 1 + " Comments:";
                }
            }

            if (document.getElementById("comments") != null){
                submitted_timestamp = getQueryParameter("timestamp", this.data);
                submitted_date = new Date();
                if (submitted_timestamp == null) {
                    submitted_date = new Date(submitted_timestamp);
                }

                submitted_comment = getQueryParameter("comment", this.data);
                if (submitted_comment == null) {
                    submitted_comment = "No value entered"
                }

                html_comment = "<div class=\"right-aligned\"><div class=\"comment-date\">" + submitted_date + " - " + "</div>" + submitted_comment + "</div><br><br>";
                current_html = document.getElementById("comments").innerHTML;
                document.getElementById("comments").innerHTML = html_comment + current_html;
            }

            if (document.getElementById("comment_form") != null){
                document.getElementById("comment_form").reset();
            }
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            $('#comment_form').replaceWith('Your comment was unable to be posted at this time.  We apologise for the inconvenience.');
        }
    });
    return false;
};

预先感谢

Answer 1

是的，在django中是有办法的，您可以使用[escape][1]来呈现HTML标签。这是一个简单的示例-

from django.utils.html import escape
def example(request):
    return "%s<div><i>%s</i></div>" % (escape(text), escape(other_text)

有关更多说明，请参阅文档。

https://docs.djangoproject.com/en/2.1/ref/utils/#django.utils.html.escape

仍然有任何疑问将其注释掉。

使用JavaScript渲染Django HTML标签

1 个答案: