每次在列表项上单击时在事件来源网址中发送参数

Question

i have list items which every one has an id and when click on any list it's id will go to event source in url parameter

my code :-

$(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);
    };
});

but i found that event source loop on all list item's id so how to solve this problem

Answer 1

Your problem is that you're nesting event handlers. Declare allmessages outside of the first event handler, then redefine it inside:

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);
};