Вы можете создать функцию с помощью JQuery, которая загружает данные (в приведенном ниже примере в неупорядоченный список):
function load_list(page_num) {
$.get('location_of_output_script.php?page=' + page_num, function (data) {
$('#add_html_to_me > li.click_to_see_more').remove();
$('#add_html_to_me').append(data);
});
}
Ваша страница будет нуждаться в каком-либо элементе (в данном случае неупорядоченный список)) к которому будут добавляться новые элементы:
<div data-role="content">
<ul id="add_html_to_me"></ul>
</div>
Ваш выходной скрипт (в этом примере 'location_of_output_script.php') может вернуть желаемое количество результатов при нажатии кнопки (или, возможно, когдапользователь прокрутил достаточно близко к нижней части списка).Вот пример вывода, который я представляю:
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
<li>List item 5</li>
<li class="click_to_see_more">Click Me To View More Rows</li>
НЕКОТОРЫЕ ЗАМЕЧАНИЯ:
В моем примере вы бы загружали кнопку в конце каждого выхода изсерверный сценарий, который будет удален непосредственно перед добавлением следующего набора строк.
Вы можете заменить содержимое своего списка вместо добавления в него, используя .html ()функция, а не .append ().
Вам может потребоваться вызвать .listview () для тега
Если вы хотите добавить счетчик или какой-либо индикатор выполнения, вы можете отобразить его перед вызовом $ .get, а затем спрятать в функции успеха этого вызова.