Отправка запроса дважд?

Question

[zelsky]

Почему отправка идет дважд ?

[30/Jul/2015 23:00:17]"GET /send_like/?pk=36&user_id=3 HTTP/1.1" 200 1
[30/Jul/2015 23:00:17]"GET /send_like/?pk=36&user_id=3 HTTP/1.1" 200 1

$(document).on("click", ".likes", function (e) {
    e.preventDefault();
    var postid = $(this).data("postid");
    $.get('/send_like/',{"pk":postid,"user_id":userId}, function(e){
        $('.like_count[data-postid="'+postid+'"]').show();
        $('.likes[data-postid="'+postid+'"]').hide();
        $('.dislikes[data-postid="'+postid+'"]').hide();
    });
});

<span  class="likes" data-postid="{{one_post.pk}}" >
                                <i class="glyphicon glyphicon-thumbs-up"></i>
                            </span>

Answer 1

[zelsky]

Расходимся. Два раза прописал адрес к скрипту в бейс хтмл

Answer 2

[Александр]

Скорее всего, событие срабатывает второй раз где-то в предках дом-узла. Добавьте в код event.stopPropagation().

Comments

[zelsky]

e.preventDefault();
event.stopPropagation();
var postid = $(this).data("postid");
повставлял вот так не помогло.

[heartdevil]

BlastPy: Дайте ссылку на страницу, где выполняется ваш js код. Надо проанализировать html-код.

В общем случае, если вам только к одному элементу нужно навесить обработчик события, то используйте сразу соответствующий метод.

В вашем случае это .click()

.on() метод -- это, для присвоения обработчика группе событий у выбранных элементов.

.preventDefault() - тут не поможет, так как он отменяет только действие по умолчанию у элемента. А какое действие по умолчанию у span?
stopPropagation() - тут тоже не должно помочь, так как оно предотвращает цепочный вызов события сабмит. У вас же не сабмит.

[zelsky]

<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                            <span  class="likes" data-postid="{{one_post.pk}}" >
                                <i class="glyphicon glyphicon-thumbs-up"></i>
                            </span>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                            <center>share</center>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                            <span   class="dislikes pull-right" data-postid="{{one_post.pk}}">
                                <i class="glyphicon glyphicon-thumbs-down"></i>
                            </span>
                            </div>

[zelsky]

heartdevil: и да там не один обьект на странице а их очень много

[heartdevil]

BlastPy:

Попробуйте вместо .on() использовать .one()

[zelsky]

heartdevil: Не помогло

[zelsky]

heartdevil: Вот код вьюхи

@login_required
def like_post(request):
    if 'pk' and 'user_id' in request.GET:
        idpost = int(request.GET.get('pk'));
        idusr = int(request.GET.get('user_id'));
        message = UserLikes(
        id_post = idpost,
        user_id = idusr,
        )
        message.save()
        post = Posts.objects.get(pk=idpost)
        if post:
            likes = post.count_plus + 1
            post.count_plus =  likes
            post.save()
        
        return HttpResponse(likes)

[heartdevil]

BlastPy: Про StopPropagation я вам солгал.

Вот вырезка из мануала.

By default, most events bubble up from the original event target to the document element. At each element along the way, jQuery calls any matching event handlers that have been attached. A handler can prevent the event from bubbling further up the document tree (and thus prevent handlers on those elements from running) by calling event.stopPropagation(). Any other handlers attached on the current element will run however. To prevent that, call event.stopImmediatePropagation(). (Event handlers bound to an element are called in the same order that they were bound.)

Попробуйте так тогда:

e.preventDefault();
e.stopPropagation();
e.stopImmediatePropagation();

[zelsky]

heartdevil:Одно и то же. Я даже не могу понять трабла во вьюхе или же js .

[heartdevil]

BlastPy: Такое еще может быть, если у вас код два раза где-то вызывается или вставлен. Может не заметили. Посмотрите, что генерится в html

[heartdevil]

heartdevil: Есть еще вариант. Поискал в нете. Можно отвязаться от события и заново привязаться. Но, думаю, что у вас все равно где-то два раза код вставлен или присваивается событие. Попробуйте вынести код в хидер или футер, если можно. Тогда он точно один раз вставится.

[Александр]

А у вас Jqery не два раза на страницу подключается? :))