你可以做一些JQuery的去做。在患者列表下方放置超鏈接。通過AJAX獲取患者的下一頁並將其附加到列表中來處理鏈接點擊事件。保留一個全局的Javascript變量來跟蹤當前頁碼。
下面是一個例子。爲了簡單起見,患者的第一頁也通過AJAX加載。 list.php
是處理AJAX請求的腳本,並將所請求的患者頁面作爲HTML列表項的序列寫入。
jQuery的:
var currentPage = 0;
$(document).ready(function() {
// Load the first page into the list
loadNextPage();
// When the link is clicked load the next page
$('#add-more-patients-link').click(function() {
loadNextPage();
return false;
});
});
function loadNextPage() {
// Increment the page counter
currentPage++;
// Fetch the next page through AJAX and append to the list
$.get('list.php', {page:currentPage}, function(data) {
$('#patients').append(data);
});
}
的HTML:
<ul id="patients">
</ul>
<a id="add-more-patients-link" href="">Load more</a>
警告:如果患者的後端列表頁面加載之間更新,客戶端列表將成爲同步進行。這將導致列表中某些患者重複輸入。如果這是一個問題,請跟蹤客戶端上次加載的患者ID,並通過AJAX請求傳遞此信息。在服務器端獲取該患者ID之前的頁面。