深入解析与实践：使用Django和JavaScript构建健壮的评论回复系统

# ... 其他导入
from django.shortcuts import get_object_or_404, redirect
from . import models # 假设 models 在当前应用目录
from .forms import NewCommentForm # 假设 NewCommentForm 在当前应用目录的 forms.py

def add_comment(request, pk):
    post = get_object_or_404(models.BlogPost, pk=pk)
    if request.method == "POST":
        comment_form = NewCommentForm(request.POST)
        if comment_form.is_valid():
            user_comment = comment_form.save(commit=False)
            user_comment.post = post
            # user_comment.user = request.user # 后续会在此处添加
            user_comment.save()
            return redirect('index:blog_details', pk=pk)
    # 对于 GET 请求或表单无效时，重定向回详情页
    return redirect('index:blog_details', pk=pk)

# ... 其他导入和 urlpatterns
app_name = 'index'

urlpatterns = [
    # ... 其他 URL 模式
    path('<int:pk>/add_comment/', views.add_comment, name='add_comment')
]

from django import forms
from mptt.forms import TreeNodeChoiceField
from ckeditor.widgets import CKEditorWidget
from .models import Comment # 假设 Comment 模型在当前应用目录的 models.py

class NewCommentForm(forms.ModelForm):
    content = forms.CharField(widget=CKEditorWidget())
    parent = TreeNodeChoiceField(queryset=Comment.objects.all())

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.fields['parent'].required = False
        self.fields['parent'].label = ''
        self.fields['parent'].widget.attrs.update({'class': 'd-none'})

    class Meta:
        model = Comment
        fields = ('user', 'parent', 'content') # 注意 'user' 字段
        widgets = {
            'user': forms.TextInput(attrs={'class': 'form-control',  'value': '', 'id':'user_name', 'type': 'hidden'}),
        }

<script>
    var user = "{{ user.id }}";
    document.getElementById("user_name").value = user;

    function myFunction(id) {
        var existingForm = document.getElementById("newForm");
        if (existingForm) {
            existingForm.remove();
        }

        var reply = document.getElementById(id);
        reply.insertAdjacentHTML(
            "afterend",
            ' <form id="newForm" method="POST" class="form-insert py-2">' + // <--- 问题所在：缺少 action 属性
                '<div><h2>Reply</h2></div>' +
                '<select name="parent" class="d-none" id="id_parent">' +
                '<option value="' +
                id +
                '" selected="' +
                id +
                '"></option>' +
                "</select>" +
                '<label for="id_content">Content:</label>' +
                '<textarea name="content" cols="40" rows="5" class="form-control" required id="id_content"></textarea>' +
                '{% csrf_token %}' + // <--- CSRF 令牌在这里，但需要确保其在动态内容中有效
                '<button type="submit" class="btn-primary btn-lg btn-block">Submit</button>' +
                "</form>"
        );
    }
    // ... 其他 JavaScript
</script>