Нумерация страниц без обновления с использованием ссылки «БОЛЬШЕ»

Question

Я заметил, что некоторые сайты, такие как Twitter, не имеют обычных нумераций страниц.Вместо этого он имеет ссылку «БОЛЬШЕ».При щелчке на нем отображается больше твитов ниже без обновления страницы.

Как работает этот метод?

Answer 1

Система разбивки на страницы работает почти аналогично на стороне сервера (нарезать массив, установить смещение и т. Д.), Однако вместо рендеринга полного макета с содержимым они возвращают только кусок html.

Это комбинация двух методов:

• Ajax , которая использует XMLHttpRequest для извлечения данных с сервера
• DOM и его методакоторый используется для манипулирования деревом HTML.

(спасибо Дэвиду Дорварду за то, что он указал мне на озеро точности)

Answer 2

Это можно сделать с помощью jQuery.

Вот механизм обновления страницы:

$('.more').click( function() {

     $(this).before('<div><h2>Post 3</h2><p>Content</p></div>');

});

Демо в: http://jsfiddle.net/WCprC/33/

Однако содержимое должно быть извлечено с сервера с помощью чего-то вроде .get ()

Answer 3

Он запрашивает через XHR следующее набор результатов, загружает их, а затем вставляет HTML (с помощью методов DOM или сериализованного HTML) на страницу.

Если вы ничего не знаете ото, что я описал выше, начните свое путешествие с изучения XMLHttpRequest .