用jQuery和jTemplates插件实现客户端分页的表格展现

核心提示： 在上边的方法中设定了RSS的地址，并通过LINQ to XML来取得我们想要的属性，用jQuery和jTemplates插件实现客户端分页的表格展现(2)，Skip和Take函数联合起来实现了一个分页的功能，通过jQuery调用Page Method jQuery.Ajax方法实现了用Aj

在上边的方法中设定了RSS的地址，并通过LINQ to XML来取得我们想要的属性。Skip和Take函数联合起来实现了一个分页的功能。

通过jQuery调用Page Method

jQuery.Ajax方法实现了用Ajax的方式来请求一个页面并设定回调函数来处理相应状态和结果。在我们的实例中，需要请求上边写的PageMethod并处理返回结果。

function DisplayRSS(page) {
　　$.ajax({
　　　　type: "POST",
　　　　url: "Default.aspx/GetFeeds",
　　　　data: "{'PageSize':'" + pageSize + "', 'PageNumber':'" + page + "'}",
　　　　contentType: "application/json; charset=utf-8",
　　　　dataType: "json",
　　　　success: function(msg) {
　　　　　　//TODO:Show the result as a table.　　　　　　
　　　　　　alert(msg);
　　　　}
　　});
}

在success的回调函数中我们什么也没有做，先来看看result到底是个什么东西。在浏览器中设置允许调试脚本，定义一个函数供回调函数中调用，然后设定断点在新的函数中。

我们看到在服务端将数据以IEnumerable返回后实际上在result中包含的是一个JSON表示的数据集合。每个对象含有Date, Description, Link和Title属性，这和前边用LINQ取XML字段时是相符的。因为你已经拥有了这个数据集合，接下来所要做的就是在客户端通过某种方式展现出来。你也许会想到用动态拼接Table的方式来做，但这并不灵活。jTemplates提供了更优雅的方式来实现。

用jTemplate来展现数据