类似于使用codeigniter的twitter的功能
类似于使用codeigniter的twitter的功能
提问于 2010-08-18 02:12:30
我将首先告诉您我的场景，在我的问题中，系统有两个用户，一个使用系统注册用户，另一个使用系统检查系统中注册的用户。
这是一个医院的场景，人们在挂号台挂号，在挂号顺序中，医生检查患者。
所以我想要实现的是一个医生的UI，它显示了注册的患者详细信息系统，为了保持UI简单，我想在给定的时间加载10名患者的详细信息，但如果患者不在10人的列表中，我需要给一个按钮来加载更多的患者详细信息，但我想给医生的功能，以检查较老的，错过的患者也！
我检查了一些分页文章，但它们不符合我的要求，有什么建议阅读伙计们？博客帖子？或者帮助编写代码？
向您致敬，Rangana
回答 1
Stack Overflow用户
发布于 2010-08-18 05:39:04
您可以使用一些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。在服务器端，获取该患者ID之前的页面。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3505571
复制相关文章
相似问题
腾讯云开发者
