отправлять параметр в URL-адресе события каждый клик по элементу списка

Question

У меня есть элементы списка, каждый из которых имеет свой идентификатор, и при щелчке по любому списку его идентификатор попадает в источник события в параметре url

мой код: -

$(document).on('click','.navbar-menu .online ul li',function(e){
    var id = $(this).attr('id');
    var allmessages = ''; 
    allmessages = new EventSource("/ajaxpages/insertmessage.php?id="+$(this).attr('id')+"");

    allmessages.onmessage = function(event) {
        var data = JSON.parse(event.data);
        $(".message .message-content").html(data);
    };
});

но яобнаружил, что цикл источника событий по всему идентификатору элемента списка, так как решить эту проблему

Answer 1

Ваша проблема в том, что вы вкладываете обработчики событий.Объявите allmessages вне первого обработчика событий, затем переопределите его внутри:

var allmessages = "";

$(document).on('click','.navbar-menu .online ul li',function(e){
    var id = $(this).attr('id');
    allmessages = new EventSource("/ajaxpages/insertmessage.php?id="+$(this).attr('id')+"");
});

allmessages.onmessage = function(event) {
    var data = JSON.parse(event.data);
    $(".message .message-content").html(data);
};