Django Error: NoReverseMatch at / Reverse for 'like-post' not found - django

Question

I'm developing a simple blog with Django. I tried adding ajax functionality to my like button. But got this error:
Reverse for 'like-post' with arguments '('',)' not found. 1 pattern(s)
tried: ['like/(?P[0-9]+)$']
PS: I followed this video to create a like button and this video add ajax functionality
views.py
class PostDetailView(FormMixin, DetailView):
model = Post
form_class = CommentForm
def get_success_url(self):
return reverse('post-detail', kwargs={'pk': self.object.id})
def get_context_data(self, **kwargs):
context = super(PostDetailView, self).get_context_data(**kwargs)
postid = get_object_or_404(Post, id=self.kwargs['pk'])
total_likes = postid.total_likes()
context['form'] = CommentForm(initial={'post': self.object})
context['total_likes'] = total_likes
return context
def post(self, request, *args, **kwargs):
self.object = self.get_object()
form = self.get_form()
if form.is_valid():
return self.form_valid(form)
else:
return self.form_invalid(form)
def form_valid(self, form):
form.save()
return super(PostDetailView, self).form_valid(form)
def LikeView(request, pk):
post = Post.objects.get(id=pk)
#post = get_object_or_404(Post, id=request.POST.get('post-id'))
post.likes.add(request.user)
context = {
'post': post,
'total_likes': post.total_likes,
}
if request.is_ajax():
html = render_to_string('blogsite/like_section.html', context, request=request)
return JsonResponse({'form': html})
return HttpResponseRedirect(reverse('blogsite-home'))
urls.py
urlpatterns = [
path('', PostListView.as_view(), name='blogsite-home'),
path('post/<int:pk>/', PostDetailView.as_view(), name='post-detail'),
path('post/new/', PostCreateView.as_view(), name='post-create'),
path('post/<int:pk>/update/', PostUpdateView.as_view(), name='post-update'),
path('post/<int:pk>/delete/', PostDeleteView.as_view(), name='post-delete'),
path('like/<int:pk>', LikeView, name='like-post'),
]
base.html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(event){
$(document).on('click', '#like', function(event){
event.preventDefault();
var pk = $(this).attr('value');
$.ajax({
type: 'POST',
url: '{% url "like-post" post.pk %}',
data: {'id':pk, 'csrfmiddlewaretoken':'{{ csrf_token }}'},
dataType: 'json',
success: function(response){
$('#like-section').html(response['form'])
console.log($('#like-section').html(response['form']));
},
error: function(rs, e){
console.log(rs.responseText);
}
});
});
});
</script>
like_section.html
<h5><form method="POST" action="{% url 'like-post' post.id %}">
{% csrf_token %}
<button type="submit" id="like" class="btn btn-link btn-sm" name="post-id" value="{{ post.id }}"><strong><i class="fa fa-thumbs-up"></i> {{ post.total_likes }}</strong></button><h6 align ="right" class="d-inline-block">
<i class="fa fa-facebook-f"></i> <i class="fa fa-linkedin"></i>
</h6></form>
like_section.html is then included in my post_detail.html
<div id="like-section">
{% include 'blogsite/like_section.html' %}
</div>
I can't seem to find a solution to this problem.

Answer 1

If believe error comes out when you try to load post detail view. You're missing post variable in get_context_data of the PostDetailView. And as you're trying to access post.pk in {% url "like-post" post.pk %}. When Django does not find variable in context, the template system inserts the value of the engine’s string_if_invalid configuration option, which defaults to ''(empty string). As a result, url tag tries to lookup for url which is like/<string:pk> which is not defined in your urls.py and thus outputs error. So, what actually you have to do is to add post to context in get_context_data.