简单的ASP.NET无尽分页

将AJAX请求发送回处理程序(无论它是什么,为此目的构建ASPX页面,Web方法,HttpHandler,MVC控制器等)并返回JSON.由于注释在结构上相当简单,因此根据需要插入/构建关联的标记应该不难.

我使用这种方法在ASP.Net Web表单应用程序中构建了一个无尽的评论系统,它运行良好.该页面呈现为具有用户控件的普通ASPX.注释的用户控件仅输出一些脚本.

我使用对控制器的请求加载我的初始注释,并且当用户滚动时,我只是向控制器询问下一个数据块,直到控制器告诉我已到达集合的末尾(您还可以添加上限用户不会加载太多记录并使其浏览器崩溃).

例

>使用jQuery.ajax()发出请求
>在成功回调中,您可以将传递给它的数据视为JavaScript对象
>遍历所有项目并创建/附加DOM节点.

var element = $("#comments"); // this is your node with all comments

$.ajax({
    type: "POST",url: "ClientApi/Comments/_GetPaged",// this handler builds JSON
    dataType: "json",data: { pageIndex: 5 },// your input values here
    cache: false,success: function (data) {
        for (var i = 0; i < data.length; i++) {
            var comment = data[i];
            var itemElement = $("<div/>").appendTo(element);

            // do whatever you want here,just remember that user input 
            // should be sanitized somewhere during the process
            itemElement.html(comment.text);
        }
    }
});