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

  在上边的方法中设定了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来展现数据


具体:http://www.verydemo.com/demo_c110_i26789.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值