Как добавить лайк батон Django + Ajax?

Question

[baterson]

Привет в учебных целях создаю проект на подобии тостера, хочу добавить кнопку лайка на мою модель коментариев. Делал по гайду из tangowithdjango

apps/questions/models:

class Answer(models.Model):

    text = models.TextField()
    date = models.DateTimeField(default=datetime.datetime.now)
    likes = models.IntegerField(default=0)
    resolve = models.IntegerField(default=0)
    author = models.ForeignKey(CustomUser)
    question = models.ForeignKey(Question)

apps/questions/views:

@login_required
def add_like(request):

    ans_id = None
    if request.method == 'GET':
        ans_id = request.GET['answer_id']

    likes = 0
    if ans_id:
        ans = Answer.objects.get(id=(int(ans_id)))
        if ans:
            likes = ans.likes + 1
            ans.likes = likes
            ans.save()

    return HttpResponse(likes)

apps/questions/ulrs: 
urlpatterns = [
   url(r'add_like/$', views.add_like, name='add_like'),]

question.html:
    {% for answer in answers %}
    <div class="container-fluid no-padding">
        {{ answer.text }}   
    </div>
    <div class="container-fluid  author-question">
    <p>posted: {{ answer.date.day|stringformat:"02d" }}.{{ answer.date.month|stringformat:"02d"}}.{{ answer.date.year}}</p>
    <p>by: {{ answer.author.username }}</p>
    </div>
    {% if user.is_authenticated %}
    <button class="btn btn-default likes-button" type="button"  data-ansid="{{ answer.id }}">
        like | <strong id="like_count">{{ answer.likes }}</strong>
    </button>
    {% endif %}
    {% endfor %}

js/ajax.js:

    $('.likes-button').click(function(){
    var ansid;
    ansid = $(this).attr("data-ansid");
            $.get('/apps/questions/add_like/', {answer_id: ansid}, function(data){
        $('#like_count').html(data);
    $('#likes').hide();
});
});

Ничего не происходит при нажатии, если скопировать js файл в консоль браузера, выдает 404:
GET 127.0.0.1:8000/apps/questions/add_like?answer_id=1 404 (NOT FOUND)

upd: Заработало, нужно было в ajax.js убрать /apps/ перед questions/add_like/ .
Правда работает только когда загружаю код в консоль браузера, хотя js файл подключен.

Comments

[Никита Шультайс]

У вас в urls.py add_like/$ - в конце слеш, а в запросе /apps/questions/add_like?answer_id=1, конечного слеша нет

[baterson]

поправил, странно, все равно работает только после копирования js кода в консоль

Answer 1

[Владислав Скляр]

У тебя в модель Answer можно поставить бесконечно большое количество лайков, с одного акаунта. Так и должно быть?

Comments

[baterson]

Нет, я все делаю непоследовательно, т.к. только учусь, сделал вопросы, ответы, личный кабинет. Сейчас занялся рейтингом и лайками и прикрутил это поле в модель, вижу, что работает коряво, спасибо за замечание. Как это лучше реализовать? поставить максимальное значение и потом это связывать с рейтингом юзера или просто булеан поле поставить?

[baterson]

Ой нет, это надо править во вью, в модели это не поправить

[Владислав Скляр]

Я делал модель Like, в ней создаешь: id_user, id_answer(id_ ставишь через Meta unique_together), можно еще дату.
Потом если хочешь посмотреть количество лайков,
likes = Like.objects.filter(id_answer=" переменной id answer ,какая у тебя будет ").len().
Во вьюхе:
if Like.objects.filter(id_answer=" *").first() is None:
Like.objects.create(id_user=request.user.id, id_answer="*")
Где то так, код проверь писал прямо здесь. Это мое решение, может оно тоже кривое.

[baterson]

Спасибо, пока переключился на другую задачу, как закончу попробую твое решение. Надо еще это все привязать к рейтингу юзера, подумаю как лучше

[baterson]

Я не понимаю, почему js код работает только из консоли, если я в браузере вижу ссылку на него в head

[baterson]

и счетчик обновляется только после перезагрузки страницы

[Владислав Скляр]

Ты js подключил к шаблону?

[baterson]

да подключил, в хеде этот файл, файл бутстрапа и ссылка на jquery(стоит первой). В sources его видно

[Владислав Скляр]

Попробуй, скрипт поставить внизу body. Не уверен что поможет.

[baterson]

помогло, правда, какая то ерунда происходит. Счетчик обновляется только у первой кнопки, остальные только после перезагрузки страницы и ответы начинают рандомным образом меняться местами на странице

[baterson]

Или на одной странице, нажимая на любую кнопку счетчик добавляется постоянно к другой. А на другой странице меня выкидывает из юзера. Страницы же одинаково из вью выходят, мистика

[Владислав Скляр]

Ну во первых: хочешь добавить запись в базу, запрос - post.
Второе: Можно сделать это все через ajax. При помощи ajax отправляешь данные в базу, полученный ответ выводишь куда хочешь.
Вот кусок кода для добавления рейтинга:
.on('click', '[data-value]', function (e) {
var self = $(this),
val = self.data('value'),
input = self.siblings('input');
_updateValue(input,val);
e.preventDefault();
$.ajax({
method: "POST",
url: 'rate/',
data: {
'rating': $(".rating").val(),
'csrfmiddlewaretoken': CSRF_TOKEN},
dataType: 'html'
});
return false;
И еще держи курс по jquery, click.Пройди неплохо помагает, хоть и не про django.

[baterson]

Круто, спасибо большое

[Владислав Скляр]

+