我想使用 Ajax 在 Django 中发送消息

Question

I want to post comment using ajax in Django.

I have Message Class related to Post class, and I using PostDetailView to show content of the post and coments.

I'm getting error Reverse for 'user-posts' with arguments '('',)' not found. 1 pattern(s) tried: ['user\\/(?P<username>[^/]+)\\Z'] Reverse for 'user-posts' with arguments '('',)' not found. 1 pattern(s) tried: ['user\\/(?P<username>[^/]+)\\Z']

Also I have highlighted at link for bootstrap.

I tried to delete these two corresponding parts, but I still getting the same error.

this is my code

urls.py

urlpatterns = [
 path('',PostListView.as_view(),name='blog-home'),
 path('user/<str:username>',UserPostListView.as_view(),name='user-posts'),
 path('post/<int:pk>',PostDetailView.as_view(),name='post-detail'), 
]

views.py

class PostDetailView(DetailView):
    model = Post
        
    def get(self, *args, **kwargs):
        form = CommentForm()
        comments = Message.objects.all()
        return render(self.request, 'blog/post_detail.html', 
            {"form": form, "comments": comments})

    
    def post(self, *args, **kwargs):
        if self.request.is_ajax and self.request.method == "POST":
            form = CommentForm(self.request.POST)
            if form.is_valid():
                instance = form.save()
                ser_instance = serializers.serialize('json', [ instance, ])
                
                return JsonResponse({"instance": ser_instance}, status=200)
            else:
                return JsonResponse({"error": form.errors}, status=400)

        return JsonResponse({"error": ""}, status=400)

html(where is link to 'user-posts')

<div class="post-header">
  <h2 class="post-title">{{object.title}}</h2>
</div>
<div class="author-detail">
  <a
    href="{% url 'user-posts' object.author.username %}"
    class="roomListRoom__author"
  >
    <div class="avatar avatar--small">
      <img src="{{object.author.profile.image.url}}" />
    </div>
    <span>@{{object.author.username}}</span>
  </a>
  <img
    class="rounded-circle account-img"
    src="{{object.author.profile.image.url}}"
  />
  <div class="author-info">
    <p>
      @<a href="{% url 'user-posts' object.author.username %}">
        {{object.author}}
      </a>
    </p>
    <p>{{object.date_posted|timesince|split_timesince:"," }}前</p>
  </div>
</div>

script.js

$(document).ready(function () {
  $("#comment-form").submit(function (e) {
    e.preventDefault();
    var serializedData = $(this).serialize();

    $('[name="csrfmiddlewaretoken"]').attr("value");

    $.ajax({
      type: "POST",
      url: $(this).attr("action"),//here will be '{% url ;post-detail object.id %}'
      data: serializedData,
      beforeSend: function (response) {
        $(".save-comment").addClass("disabled").text("saving...");
        console.log(_comment);
      },
      success: function (response) {
        $("#friend-form").trigger("reset");

        var instance = JSON.parse(response["instance"]);
        var fields = instance[0]["fields"];

        $("#comments").prepend(
          `<div class="comment">
            <div class="avatar avatar--small">
              <img
                src="{{message.user.profile.image.url}}"
                alt="user profile image"
              />
            </div>
            <div class="comment-body">
              <span class="comment-author">}</span>
              <span>${fields["body"]}}</span>
            </div>
          </div>`
        );
        // $(".save-comment").removeClass("disabled").text("Submit");
      },
      error: function (response) {
        alert(response["responseJSON"]["error"]);
      },
    });
  });
});

All my code

How can I fix this?

Answer 1

"{% url  'user-posts'' username=username|safe %}"

请记住，如果您想在您的 url 中使用用户名，您只需将视图中的用户名作为 args 并使用 django 模板语言将其发送到您的模板