Загружать содержимое веб-страницы динамически

Question

Для моего проекта в колледже мы создаем сайт загрузки музыки.

На странице, где я буду отображать музыку. (который можно найти, нажав кнопку iStore на домашней странице) Я хочу отобразить топ-100 или что-то в этом духе. и внизу первых 5 или около того есть кнопка, которая загружает еще 5.

Я все делаю сам, и так далее. Можете ли вы связать меня с каким-то учебником и т. Д.

Хотя до сих пор я впереди класса, где они все еще используют таблицы и даже не работают с CSS, поэтому любая помощь приветствуется, так как в какой-то момент мы будем изучать JQuery, но пока мои знания об этом очень малы

веб-сайт, о котором идет речь, можно найти здесь: http://www.ryanholder.co.uk/project

Answer 1

Вы можете удалить кнопку и добавить больше контента при прокрутке вниз:

$(document).ready(function() {
  $("#content").scroll(function(){
    if($("#content").scrollTop() >= ($("#content-wrapper").height() - $("#content").height()))
    {
        $.get("url", function(data){
            $("#content").append(data);
        });
    }
  })
});

Проверяя значение scrollTop, вы можете определить, достигла ли полоса прокрутки ближе к нижней или нет.Если оно достигнуто, отправьте запрос AJAX на сервер, чтобы получить больше контента, и добавьте его на страницу.