[Fixed]-Django creating a custom like button for each item

by

1👍

✅

From your code I can see that “id=”like” is used in a for loop so it make multiple buttons with same ID. ID must be unique

Tryto change id with class like

<div>
    {% for a in article %}
    [... some unrelated html ...]

    <input type="button" class="like" name="{{ a.id }}" value="Like" />
    <p>count : {{ a.total_likes }}</p>
    {% endfor %}
</div>

<script>
$('.like').click(function(){
  var pk = $(this).attr('name');
  $.ajax({
           type: "POST",
           url: "{% url 'like_button' %}",
           data: {'pk': pk, 'csrfmiddlewaretoken': '{{ csrf_token }}'},
           dataType: "json",
           success: function(response) {
                  alert('Company likes count is now ' + response.count_likes);
            },
           error: function(rs, e) {
                  alert('Something went wrong.'); #getting this message.
           }
      });
    })
</script>
👤Anoop

Leave a comment