Почему функция не работает при нажатии на кнопку?

Question

[Victorius13]

Почему когда вызываешь функцию так она срабатывает:
setTimeout(loadcomment, 15000, p, kolovo);
А когда ее вызываешь так, то нет:

$("#comment-load").click(function (){ loadcomment(p, kolovo);});

Использование "onclick="loadcomment(p, kolovo)" не помогает тоже.
Cама функция:

function loadcomment(userpade, load){
    kolovo++;
    $.ajax({
        url: '../backend/loadcomm.php',
        type: 'POST',
        dataType: 'html',
        data: {
           name: userpade,
           loadvar: load
        },
        success: function(data){
            var com = JSON.parse(data);
            for(var i = 0; i < com.length; i++){
                var comment = renderdiv('comment-block', com[i].sendname, com[i].text, com[i].date);
        		
        		var comments = document.getElementById("comments");
        		
        		comments.appendChild(comment);
            }
       }
    });
}

Comments

[Moses Fender]

стесняюсь спросить, а как выглядит функция setTimeout в самом первом случае?

[Сергей]

В консоле что-то есть?

[Victorius13]

Сергей, ничего нет.

[Victorius13]

Moses Fender, вторая строчка вопроса.

Answer 1

[dollar]

$("#comment-load").click(e=>console.log('А клик вообще работает у вас?'));

$("#comment-load").click(function (){
  console.log('Функция должна работать');
  loadcomment(p, kolovo);
  console.log('Вот и сработала');
});

Comments

[Victorius13]

Показываются все сообщения, но функция так и не работает (при setTimeout все так же работает).

[dollar]

Victorius13, если сработала, то похожее нужно проделать в внутри loadcomment.
Проверить, вошли ли в success, что получили в com, вывести данные по каждой итерации цикла и т.д.

Answer 2

[Andrew]

Внутренняя функция(ajax-запрос) асинхронна и требует времени на выполнение.
Ответ приходит не сразу, те она отрабатывает(посылает запрос), но не успевает дождаться ответа и выпиливается с памяти
С таймером ей хватает времени, поиграйтесь с async/await

Comments

[Victorius13]

Но она успевает сработать, все данные выводятся.

[Andrew]

Victorius13, то есть ошибки в консоле с неизвестным "kolovo", не возникает?

function loadcomment(userpade, load){
    load++;
    $.ajax({
        url: '../backend/loadcomm.php',
        type: 'POST',
        dataType: 'html',
        data: {
           name: userpade,
           loadvar: load
        },
        success: function(data){
            var com = JSON.parse(data);
            for(var i = 0; i < com.length; i++){
                var comment = renderdiv('comment-block', com[i].sendname, com[i].text, com[i].date);
        		
        		var comments = document.getElementById("comments");
        		
        		comments.appendChild(comment);
            }
       }
    });
}

Так работает?

[Victorius13]

Andrew, нет, увеличиваться должно именно "kolovo", т.к. смысл в том, чтоб при каждом нажатии на кнопку загружались следующие 50 комментариев. Пробовал добавить alert('что-то"); в эту функцию, почему-то при загрузке страницы alert() показывался дважды, хотя функция вызывается только 1 раз.