如何使用jquery显示更多列表

<div id="messages">
    <! -- message 1 -->
    <! -- message 2 -->
    <div id="newmessages">
    </div>
</div>@H_616_23@ 
 
然后你想要一个按钮(或锚点,或其他什么),你可以连接到一个fetch-more方法：
 
 
 
 
<input type="button" value="Fetch more messages" id="btnFetchmessages" />@H_616_23@ 
 
将连接放在DOMReady中的某个位置：
 
 
 
 
var lastFetchedmessage = 0;

$('#btnFetchmessages').click(function() {
    $.ajax({
        url: '/getmessages.PHP',type: 'POST',contentType: 'application/json; charset=utf-8',dataType: 'json',data: '{"lastId":'+lastFetchedMesasge+'"}',success: newmessagesReceived
});@H_616_23@ 
 
因此,只需单击该按钮,我们就会向getmessages.PHP提交一个AJAX请求,您将在其中查看lastFetchedmessage并根据该消息返回10个左右的下一条消息.在该页面中,您将返回包含消息的JSON数组,以及您感兴趣的所有信息.
 
 
成功的AJAX请求后,将调用函数newmessagesReceived：
 
 
 
 
function newmessagesReceived(result) {
    var container = $('#newmessages');

    for(var i = 0; i < result.length; i++) {
        var message = $('<div>' + result[i].body + '</div>');
        container.append(messagE);
    }

    var lastFetchedmessage = result[i].id;
}@H_616_23@ 
 
以上假设您返回一个包含消息的数组,该数组至少包含属性body和id：
 
 
 
 
[ { "body": "new message1","id": "10" },{ "body": "new message2","id": "11" } ]@H_616_23@